Html – это обычный структурированный контент, а за визуальное форматирование этого контента целиком отвечает css

Всплывающие окна

Разговаривая о всплывающих окнах Javascript, если вы все же решительно настроены на их использовании, то можно приблизить все эти дела к идеалам доступности, используя событие onkeypress наравне с событием onclick. Также, если определить в атрибуте ссылки href адрес обычной страницы, а в функции, запускающей всплывающие окна, вернуть значение false, то даже если у пользователя Javascript не доступен, будет все равно загружена обычная страница. Например:


...
Монстр

Смежные ссылки

Смежные ссылки должны отделяться друг от друга не одними только пробелами, чтобы их могли легко распознавать программы чтения с экрана.
Сделать это можно либо вставив между ссылками какие-нибудь символы (например, вертикальную черту – "ссылка | ссылка"), либо заключив их в какие-нибудь парные символы (например, квадратные ссылки – "[ссылка] [ссылка]"). Также будет неплохо, если меню навигации по сайту будет оформлено в виде списков. В дальнейшем их стиль можно настроить по своему желанию при помощи CSS, даже сделать их в одну линию (используя display: inline).

Пропуск меню навигации

Вы должны предоставить пользователям программ чтения с экрана возможность пропускать меню навигации по сайту и переходить сразу к контенту. Так как если ваша система навигации последовательна (какой она должна быть), то пользователю нет необходимости прослушивать информацию, повторяющуюся на каждой странице, особенно если ее объем значителен. Осуществить пропуск меню можно, разместив перед ним специальную ссылку, которая будет вести прямо к содержимому страницы.
Выглядеть это может примерно следующим способом:

Заголовок

Пропустить меню

блок меню навигации -->

Очевидно, что вы захотите, чтобы в обычных браузерах подобные ссылки не отображались. Для того чтобы сделать их невидимыми, подойдет CSS. В отношении ссылок типа "Пропустить меню" есть своя особенность: наиболее очевидный способ скрыть какой-либо элемент – использовать свойство "display: none", однако некоторые программы чтения с экрана воспримут ссылку с таким свойством как неотображаемую и не прочитают ее. Ясно, что ссылка должна отображаться в окне браузера и в то же время быть невидимой для обычных пользователей. В этой ситуации нас выручат ширина и высота элемента: если сделать их равными нулю (width: 0; height: 0; overflow: hidden;), то эффект будет тот же, но при этом все программы чтения с экрана будут видеть такие ссылки.

Осваиваем текст  Вверх  Коротко о стандартах