Validation Ошибки для HTML 5

Question

Я получаю безумное множество ошибок. Я использую код Bootstrap и не редактировал его. Так почему это показывает ошибку?

link элемент с атрибутом sizes должен иметь атрибут rel, который содержит значение icon или значение apple-touch-icon.

...

Bad значение banner для атрибута role на элементе nav.

Чтобы увидеть то же самое живое, идти к https://validator.w3.org/nu и введите: www.iqtests4kids.com/

Answer 1

Похоже валидатора счастливее с:

<link rel="apple-touch-icon"..... 

вместо

<link rel="apple-touch-icon-precomposed"...... 

И для другой ошибки вы можете сделать Валидатор счастливым, изменив оскорбление ING role="banner" установка для "role=navigation":

<nav id="main-menu" ..... role="navigation"> 

либо оставить его и жить с в результате «Предупреждение» или полностью опускаем значение (лучшее решение) и валидатор будет счастливым :)

Answer 2

сопровождающему W3C HTML checker (валидатор) здесь. Ошибка rel=apple-touch-icon-precomposed потому, что я недавно обновил шашку, чтобы соответствовать HTML spec requirements for sizes:

Атрибут sizes используется с типом icon связи. Атрибут не должен указываться в link элементах, которые не имеют атрибута rel, который указывает ключевое слово icon или ключевое слово apple-touch-icon.

О погрешности для role=banner на nav, это потому, что шашка соответствует требованиям ВСС в HTML спецификации, что nav must not have any role other than navigation.

Но обратите внимание, что ARIA в HTML спецификации also states the following requirement:

Веб-разработчики не должны устанавливать ВСС role и aria-* атрибуты значений, которые соответствуют неявные семантики ARIA, определенные в таблице.

И в требованиях, приведенных в таблице, указано, что the implicit semantics of nav are navigation.

Поэтому, если вы используете role=navigation с nav, контрольная панель выдаст предупреждение.

Итак, нижняя строка соответствует требованиям ARIA в HTML, nav никогда не должен иметь явного role.