Gave blocks rendered in docs a readable aria label (#11015)

* gave blocks rendered in docs a readable aria label

* Update pxtrunner/renderer.ts

Co-authored-by: Joey Wunderlich <[email protected]>

---------

Co-authored-by: Joey Wunderlich <[email protected]>

Author: srietkerk

pxtrunner/renderer.ts

@@ -821,7 +821,10 @@ function renderInlineBlocksAsync(options: BlocksRenderOptions): Promise<void> {
                     if (info && r.apiInfo) {
                         const symbolInfo = r.apiInfo.byQName[info.qName];
                         if (symbolInfo && symbolInfo.attributes.help) {
-                            $newel = $(`<a class="ui link"/>`).attr("href", `/reference/${symbolInfo.attributes.help}`).append($newel);
+                            // Create accessible label for the link using a human-readable name
+                            const readableName = symbolInfo.name || symbolInfo.qName;
+                            const ariaLabel = lf("Documentation for {0} block", readableName);
+                            $newel = $(`<a class="ui link"/>`).attr("href", `/reference/${symbolInfo.attributes.help}`).attr("aria-label", ariaLabel).append($newel);
                         }
                     }
                     $el.replaceWith($newel);