JavaScript и доступность веб-сайтов Владимир Агафонкин

Нажмите для полного просмотра!

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №2

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №3

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №4

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №5

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №6

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №7

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №8

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №9

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №10

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №11

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №12

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №13

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №14

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №15

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №16

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №17

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №18

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №19

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №20

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №21

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №22

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №23

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №24

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №25

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №26

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №27

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №28

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №29

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №30

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №31

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №32

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №33

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №34

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №35

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №36

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №37

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №38

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №39

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №40

JavaScript и доступность веб-сайтов Владимир Агафонкин, слайд №41

Содержание ▲

Вы можете ознакомиться и скачать JavaScript и доступность веб-сайтов Владимир Агафонкин. Презентация содержит 41 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

JavaScript и доступность веб-сайтов Владимир Агафонкин

Слайд 2

Описание слайда:

Слайд 3

Описание слайда:

Слайд 4

Описание слайда:

представьте себе среднестатического пользователя Интернет

Слайд 5

Описание слайда:

Слайд 6

Описание слайда:

а что, если ты не среднестатический пользователь?

Слайд 7

Описание слайда:

Слайд 8

Описание слайда:

браузер, в котором не поддерживается или отключён JavaScript браузер, в котором не поддерживается или отключён JavaScript ограниченные или нестандартные устройства ввода/вывода ограничение трафика или пропускной способности канала

Слайд 9

Описание слайда:

Слайд 10

Описание слайда:

зрительной функции зрительной функции (слепота, плохое зрение, дальтонизм) двигательных функций (в частности движения рук) когнитивные ограничения (нарушения функций памяти, внимания) множество других

Слайд 11

Описание слайда:

как такие люди вообще пользуются Web?

Слайд 12

Описание слайда:

Слайд 13

Описание слайда:

Слайд 14

Описание слайда:

семантическая вёрстка семантическая вёрстка (привет, Вадим :) правильное использование JavaScript

Слайд 15

Описание слайда:

навигация навигация (чаще всего строгая зависимость от мыши) скрытый контент оповещение пользователя о динамических изменениях на странице нестандартное поведение браузера (например, Ajax и кнопки вперёд/назад)

Слайд 16

Описание слайда:

предоставить не требующую JavaScript альтернативу всего содержимого и функциональности предоставить не требующую JavaScript альтернативу всего содержимого и функциональности сделать саму JavaScript-функциональность максимально доступной

Слайд 17

Описание слайда:

доступный JavaScript

Слайд 18

Описание слайда:

в качестве элементов, принимающих важные действия от пользователя, используйте только элементы, которые могут принимать фокус a, input, button, textarea, select div.onclick

Слайд 19

Описание слайда:

события в JavaScript устройство-зависимые onclick ondoubleclick onmouseover onmouseout onmousedown onmouseup onkeypress onkeyup onkeydown

Слайд 20

Описание слайда:

используйте по возможности только независимые от устройств события onclick*, onfocus, onblur, onchange, onselect

Слайд 21

Описание слайда:

при необходимости использовать устройство-зависимые события, применяйте сразу группы аналогичных событий, например: onmouseover + onfocus onmouseout + onblur onmouseup + onkeyup

Слайд 22

Описание слайда:

убедитесь, что на сайте можно попасть куда угодно и сделать что угодно с помощью одной только клавиатуры

Слайд 23

Описание слайда:

обрабатывайте location.hash (чтобы работали ссылки на любой контент) website.com/blabla#tab1 website.com/blabla#tab2 website.com/gallery#photo1 website.com/gallery#photo2

Слайд 24

Описание слайда:

используйте JS-библиотеки для реализации Ajax history - Really Simple History - jQuery history plugin - Mootools HistoryManager - YUI Browser History Manager - Dojo dojo.back