JQuery вариант доступности

Question

что вы думаете, ребята из этого кода, чтобы помочь с некоторыми лентяями там :)

$('a').each(function (i,n){ 
    $title = $(n).attr('title'); 
    if(!$title){ 
     $(n).attr('title',$(n).html()); 
    } 
}); 

Учитывая, что большинство ссылок имеют такое же название, как их текст так ... позвольте мне knwo если любой из вас там такой?

Таким образом, мы можем сказать W3School один ящик галочкой :)

Answer 1

Вы должны PREfix переменного с var заявления, чтобы предотвратить это является подразумеваемым глобальным.

Вся ваша вещь может быть упрощена:

$('a:not([title])').attr('title', function() { 
    return $(this).text(); 
}); 

(предпочитая text() над html()).

Answer 2

это лишняя работа для браузера. если у вас есть большое количество ссылок, этот код может значительно замедлить время инициализации.

Однако, если вы хотите ускорить его, вы можете скрыть весь текст (т. Е. Вынуть его из DOM), применить этот код и снова показать его. Тем не менее это может отразить ваш текст.

Кроме того, просто не полениться и поставить в названии :)

Answer 3

Какую цель ставите перед собой? Вы просто пытаетесь удовлетворить какой-то произвольный контрольный список? Или вы на самом деле пытаетесь сделать свой сайт более доступным для пользователей? Пробовали ли вы доступный браузер - подтвердили ли вы, что они не просто используют текст ссылки на ссылках, у которых нет набора атрибутов заголовка? Если это так, вы на самом деле ничего не добились, а только сделали ваш сайт медленнее для всех.

Если вы хотите поддерживать доступность, сделайте это правильно и используйте правильно продуманный атрибут title.