Ярлык html строки, читаемый программой чтения с экрана

Question

У меня есть динамически сгенерированное html-здание, выпадающее меню с использованием библиотеки Dojo. Мне нужно сделать мой код Accessibility податливыми и прямо сейчас Экранный смотрит на пункт меню и читает его как обычный HTML:

menu.addChild(new MenuItem({ 
     label: "<a onclick=window.location.href='sampleurl.com' 
        href="sampleurl.com">Sample Link</a> ... 

извинить OnClick, это для другой вопрос, но то, что я получаю в основном :

Tab вниз к пункту меню первого

Экранные: "Меньше чем OnClick равно окно точки расположения точка HREF равна sampleurl" ... и т.д.

Я попытался с помощью арии-Hidde n, но программа чтения с экрана просто читает, что в качестве текста я использую голос поверх Mac OS, но мне также нужен он для JAWS. Любые советы или советы? Благодаря!

Answer 1

ярлык используется для ярлыка (который может быть в формате HTML), а не для размещения полного тега html ссылки.

Посмотреть на следующей странице, как использовать библиотеку Dojo для создания пунктов меню: https://dojotoolkit.org/reference-guide/1.10/dijit/Menu.html

Пример:

menu.addChild(new MenuItem({ 
    label: "Sample Link", 
    onclick: function() {window.location.href='sampleurl.com';}})); 

Answer 2

Это было бы легче отладить с помощью рабочего примера вместе с чем-то, указывающим, какую комбинацию экрана/браузера вы используете. На минимальном уровне покажите нам вывод HTML вашего скрипта, учитывая, что он пишет HTML для чтения с экрана для анализа.

Это, как говорится, я подозреваю отсутствие/несогласованные цитаты. Обратите внимание, что вы начинаете строку с двойными кавычками, затем переходите в атрибут onclick без кавычек вокруг, затем одинарные кавычки вокруг его значения, а затем используйте двойные кавычки вокруг href.

В качестве альтернативы, вы пишете всю строку на странице и каким-то образом кодируете ее HTML.

Предлагаю использовать инструмент для переливания, чтобы проверить ваш JS.