2013-08-06 2 views
0

Я пытаюсь сделать свой сайт совместимым с WCAG 2.0 AA. Мне нужно сделать все мои ссылки доступными путем табуляции, однако первая ссылка на странице (логотип, которая возвращается на главную страницу) не подбирается, когда пользователь нажимает вкладку на клавиатуре. Все текстовые ссылки на странице хорошо подбираются. Моя отметка ниже:Не удается перейти к ссылке на изображение

<a href="#" title="homepage"> 
    <img class="logo" src="images/clear.png" alt="Homepage" /> 
</a>  

Как я могу это исправить?

ответ

2

Я готов поспорить, что у вас есть что-то по строкам a { outline: 0 } в таблице стилей. Взгляните на это и удалите его. Это, скорее всего, все еще накладывается на нее, просто никаких указаний на это.

+0

Спасибо за ответ Билл, однако я уже проверил это. Я использую экранный ридер, поэтому он создает собственный контур и читает текст внутри ссылки (я уже указал текст alt). – Rich

+0

Использует ли устройство чтения с экрана 'border 'вместо ссылок? –

+0

Его собственная граница. Кроме того, я могу четко видеть фокус смены табуляции с строки URL, прямо на вторую ссылку, пропуская логотип. Разметка находится в логическом порядке. – Rich

Смежные вопросы