Comments (5)
День добрый, подскажите пожалуйста как реализовать такую задачу? Что можно почитать по этой теме? У меня пока опыта мало, но очень хочу принять участие.
from weblind.ru.
@Gaponchuk можно выделить демки на отдельные страницы (а можно и тут же попробовать), открыть скринридер и записать, как он читает. На macOS есть QuickTime, на Windows 10 тоже какой-то встроенный рекордер.
from weblind.ru.
Скринридеры для винды, которыми я пользовалась, — JAWS 18, NVDA. Что-то почитать о них можно на официальных сайтах, какие-то новости на сайте Тифлокомп.
JAWS — платная программа, есть демо-доступ на 40 минут, который обновляется после перезагрузки компьютера. У меня сломались некоторые шрифты после установки JAWS, если что, не удивляйтесь :)
NVDA — бесплатный, но нужно поднастроить скорость чтения и голос (там вроде несколько есть), чтобы на слух было понятно.
Для Мака есть встроенный VoiceOver, я пользовалась им меньше.
@Gaponchuk можно выделить демки на отдельные страницы (а можно и тут же попробовать), открыть скринридер и записать, как он читает.
Полученные записи можно добавить под примеры. Например, можно начать с JAWS или с VoiceOver.
from weblind.ru.
У меня сломались некоторые шрифты после установки JAWS, если что, не удивляйтесь :)
@asuhoverhova скорей всего что-то с русской версией, в английской ничего такого не видел.
Вот здесь можно посмотреть доступные голосовые пакеты для русского языка для NVDA:
https://github.com/nvaccess/nvda/wiki/ExtraVoices
Честно сказать все не очень - шумно, не понятно.
Есть еще https://vocalizer-nvda.com/ но там платно.
from weblind.ru.
Добавить озвучку кода скринридером «хорошего» и «плохого» примеров
@asuhoverhova может случиться так, что поменяется дизайн, отыщется баг и перепишется компонент, обновится скрин ридер или что угодно еще, а видео останется старое. Столько работы зря.
Что если выбрать яркий пример (валидатор форм например), записать на него видео со скрин ридером и поместить его на главной странице как пример доступного интерфейса на практике.
А для тех, кто пока не очень со скрин ридером, можно сделать небольшую шпаргалку с основными командами или quick start guide по популярным скрин ридерам (думаю об этом #56, верно?)
Таким образом компоненты будут читабельнее (только решение и ничего лишнего) и глядишь больше людей начнут пользоваться скрин ридерами.
@pepelsbey @Gaponchuk что думаете? 👆
можно выделить демки на отдельные страницы
Идея отличная, создал issue #59
from weblind.ru.
Related Issues (20)
- Добавить ссылку на Гитхаб в футере HOT 3
- Починить слетающий вотчер HOT 1
- Сделать новую, более верную HTML-разметку HOT 8
- Добавить пометку в раздел Изображения
- index.js привести код к единому стилю HOT 2
- Привести все стили к единому стилю HOT 2
- Автозаполнение форм HOT 7
- Ссылка на версию Титаника с аудиодескрипцией ведёт на заблокированное видео HOT 4
- Добавить страницу с описанием средств, которые помогут в разработке доступного сайта
- Починить Яндекс.Метрику
- Отдельные страницы для каждой демки HOT 1
- Обновить протокол ссылки в шапке репозитория на https HOT 1
- Возможно некорректные значения для атрибутов aria-labelledby и aria-describedby HOT 2
- В заголовке есть ссылка без текста HOT 1
- Исправить орфографические ошибки HOT 1
- Сломанная ссылка на Section 508 HOT 3
- Формат изображений .png в примерах
- Визуально отделить блоки с примерами от основного текста
- Применение cursor:help закрывает тултип
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from weblind.ru.