Любите ARIA? Нет, Кипелов тут не причем

ARIA (Accessible Rich Internet Applications) — это набор атрибутов, разработанный для того, чтобы улучшить доступность веб-приложений для людей с ограниченными возможностями. Он помогает разработчикам создавать интерфейсы, которые могут быть более легко интерпретированы вспомогательными технологиями, такими как экранные читалки. Это особенно важно для людей с ограниченным зрением или моторикой.

Основные атрибуты ARIA:

1. aria-label: используется для предоставления текста этикетки для элемента.

   <button aria-label="Закрыть">X</button>
   

2. aria-hidden: указывает, что элемент и его дочерние элементы недоступны для вспомогательных технологий.

   <div aria-hidden="true">Этот текст будет игнорироваться.</div>
   

3. aria-live: сообщает экранному чтецу об изменениях в содержимом, которые происходят динамически.

   <div aria-live="polite">Контент будет прочитан экранным чтецом при изменении.</div>
   

4. aria-expanded: указывает состояние раскрытия или сворачивания элементов интерфейса (например, аккордеоны, выпадающие списки).

   <button aria-expanded="false">Меню</button>
   

5. role: Определяет роль элемента интерфейса, помогая вспомогательным технологиям понять его назначение.

   <div role="alert">Это важное сообщение!</div>
   

Преимущества использования ARIA:
— лучшая доступность: делает ваше приложение доступным для большего круга пользователей;
— социальная ответственность: помогает соблюдать стандарты доступности и поддерживать инклюзивность;
— улучшение SEO: иногда улучшает видимость вашего контента для поисковых систем.

Использование ARIA атрибутов поможет вам создать более доступные и понятные веб-приложения для всех пользователей.

Почитать подробнее можно в этой статье: https://doka.guide/a11y/aria-intro/

#урок #html

Учитесь фронтенду с нами — подпишитесь 💻

JavaScript эволюционирует: новые методы и функции для эффективной разработки

Новые функции появились в JavaScript и мы спешим поделиться ими с вами. Здесь вы узнаете про:

— новый метод группировки элементов массива;
— обновление в регулярных выражениях;
— обновлённые промисы;
— новые методы для мутаций массивов.

Интересно? Тогда скорее переходите по ссылке: https://proglib.io/p/javascript-evolyucioniruet-novye-metody-i-funkcii-dlya-effektivnoy-razrabotki-2024-07-22

#статья #javascript

Учитесь фронтенду с нами — подпишитесь 💻

Небольшая инструкция, как починить роутер или любое другое устройство, если на нём почему-то перестали работать некоторые популярные сайты: https://dear-class-cb2.notion.site/YouTube-OpenVPN-1d15dceb4d1e4fd0ac07b4f867765557

Файл из инструкции прилагаю на всякий случай.

Да не в тему, но я бился с этим 2 дня. Хочу поделиться результатом своих трудов)

Про Notion уже слышали? Наверняка тут многие им пользуются, как и я. 9 сентября карета превратится в тыкву. Я собрал несколько альтернатив и рассказал где есть ещё вот в этом посте. Если кому нужно, залетайте, буду рад.

p.s. контент сюда пилить вообще не успеваю пока что, извините. Дел тьма. Но я обязательно скоро возобновлю деятельность. Пока что можете покидать в коменты, какие рубрики или тематики вам больше нравятся

Учитесь фронтенду с нами — подпишитесь 💻