AК
Figma топ по-моему
канеш))
<div>
<p> Text </p>
<button aria-label> btn text </button>
</div>
Size: a a a
2020 September 09
ZA
Работаю над a11y сайта, подскажите как можно правильно сделать чтобы скрин ридер при загрузке страницы начинал читать или ставил фокус на <p>. Вот структура. Сейчас при загрузке фокуса нет нигде, пока tab не нажмешь
Как вариант, вешать туда aria-live=“polite” и при загрузке сайта класть туда какой-нибудь контент, и ещё добавить noscript, если вдруг джс не включён
Ну и с такими вопросами можешь сюда обращаться, там довольно много сидит ребят, шарящих в доступности очень хорошо 👇
https://t.me/a11yminsk
Ну и с такими вопросами можешь сюда обращаться, там довольно много сидит ребят, шарящих в доступности очень хорошо 👇
https://t.me/a11yminsk
R
Как вариант, вешать туда aria-live=“polite” и при загрузке сайта класть туда какой-нибудь контент, и ещё добавить noscript, если вдруг джс не включён
Ну и с такими вопросами можешь сюда обращаться, там довольно много сидит ребят, шарящих в доступности очень хорошо 👇
https://t.me/a11yminsk
Ну и с такими вопросами можешь сюда обращаться, там довольно много сидит ребят, шарящих в доступности очень хорошо 👇
https://t.me/a11yminsk
Спасибо
_
попроси дизайнера все вырезать самому ЕМУ/Ей и скинуть
ой да я бесплатный темплэйт для практики скачал (я новичок только)) как я к нему обращусь? 😅
AК
ой да я бесплатный темплэйт для практики скачал (я новичок только)) как я к нему обращусь? 😅
аа ну тогда самому вырезать конечно) но очень странно что тимплейт так сделан ты случайно скачал не .esp?
ZA
ой да я бесплатный темплэйт для практики скачал (я новичок только)) как я к нему обращусь? 😅
Черт, лучше скачай какой-нибудь с фигмой, а то задолбаешься)
_
хмм... я думал псдшники это маст хэв и уметь с psd в HTML CSS это просто обязательно ...
Я решил с фотошопа начать
Я решил с фотошопа начать
AК
хмм... я думал псдшники это маст хэв и уметь с psd в HTML CSS это просто обязательно ...
Я решил с фотошопа начать
Я решил с фотошопа начать
ннееееее забей ) сразу фигма
ZA
ннееееее забей ) сразу фигма
+++
Псд на работе почти не встречал)
Псд на работе почти не встречал)
AК
Вот можешь с моего дизайна начать, дизайн очень простой. Могу подсказывать в личке где как что лучше сверстать. Давно рисовал
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
ZA
Вот можешь с моего дизайна начать, дизайн очень простой. Могу подсказывать в личке где как что лучше сверстать. Давно рисовал
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
Даже не знал, что превью фигмы можно смотреть с телефона как видос, с которым взаимодействуешь
AК
Даже не знал, что превью фигмы можно смотреть с телефона как видос, с которым взаимодействуешь
Я сам не знал)) это видимо недавно сделали
_
ннееееее забей ) сразу фигма
Значит вердикт: ВЫРЕЗАТЬ ПО ОДНОМУ СООБЩЕНИЮ И ВКЛАДЫВАТЬ?
AК
Значит вердикт: ВЫРЕЗАТЬ ПО ОДНОМУ СООБЩЕНИЮ И ВКЛАДЫВАТЬ?
да но как выше сказали брось это дело и в фигме научись
AК
там на картинку кликаешь и экспорт кнопка и всё
AК
и еще CSS код есть в описании элемента
_
Спасибо большое
EM
Вот можешь с моего дизайна начать, дизайн очень простой. Могу подсказывать в личке где как что лучше сверстать. Давно рисовал
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
https://www.figma.com/file/PFEZBxg8dDy20E7PRt6JK6/%D0%95%D0%B4%D0%B0-%D0%A3-%D0%9A%D0%BE%D1%82%D0%B0?node-id=0%3A1
Прикольный, не сказал бы, чтоб совсем простой)) а чего мобилки нема?