Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 June 06

p

persona x grata in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
при чем тут сео, если это семантика?
а что про хлебные крошки и главную навигацию из примера выше?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
persona x grata
bread crumbs это major или minor navigation?
ну вот честно bread crumbs это для меня почти тоже самое что и футер, хотя справедливости ради, на некоторых сайтах  это почти единственный способ попасть куда надо =)
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
persona x grata
а что про хлебные крошки и главную навигацию из примера выше?
простите, моя скорсоть печати чуть ниже скорости света
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
persona x grata
может в данно документе это и есть главная навигация, т.к. единственная?
источник

p

persona x grata in Верстка сайтов HTML/CSS/JS/PHP
Alex Elkin🇪🇸
ну вот честно bread crumbs это для меня почти тоже самое что и футер, хотя справедливости ради, на некоторых сайтах  это почти единственный способ попасть куда надо =)
для a11y рекомендуется использовать nav  в футере

https://a11y-style-guide.com/style-guide/section-navigation.html
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Кстати крошки могут быть выделены для пользователей ридеров, но если все ссылки в нав бернуть эти пользователи заблудятся - будет обратный эффект
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Ты в курсе как скринридер работает?
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Оно скажет что это элемент навигации а не просто какой то список
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Что оно по сути и есть
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Aʟᴇx 🐴 ␠
Ты в курсе как скринридер работает?
скажу честно - только по наслышке, все хочу попробовать, но руки не доходят...
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Есть вариант ещё role проставить
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Aʟᴇx 🐴 ␠
Оно скажет что это элемент навигации а не просто какой то список
это я понимаю, и про роли тоже, но это не значит же что надо все ссылки обернуть в навигацию...
меня коробит просто что сейчас люди незадумываясь тащат примеры из какогонибуь бутстрапа - а тут несколько ссылок, значит вот этот блок возьмем, раз там нав есть значит он нужен.
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Это да, но ссылки в футере являются элементом навигации по сайту, и так как оно обернуто в footer это будет понятно и скринридеру и человеку кто его юзает
источник

A

Aʟᴇx 🐴 ␠ in Верстка сайтов HTML/CSS/JS/PHP
Точнее не все ссылки а меню из картинки выше
источник

К

Кто-то in Верстка сайтов HTML/CSS/JS/PHP
Wembley
Переслано от Wembley
как сверстать такой футер в 4 блока?
Классный макет)
источник

W

Wembley in Верстка сайтов HTML/CSS/JS/PHP
Даа) мне не вкатует для портфолио стремные верстать
источник

W

Wembley in Верстка сайтов HTML/CSS/JS/PHP
Foma
ну а как подругому не дивами же
Whoops...)
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Wembley
Whoops...)
макеева на вас нету
источник

W

Wembley in Верстка сайтов HTML/CSS/JS/PHP
А есть какая то методология?
источник

AE

Alex Elkin🇪🇸 in Верстка сайтов HTML/CSS/JS/PHP
Бэм?
источник