search

idlesign / pythonz

Место, где делают pythonz.net
https://pythonz.net
GNU Affero General Public License v3.0
46 stars 19 forks source link

WebAccess 1.0 #86

Closed gaponsasha closed 2 years ago

gaponsasha commented 3 years ago

Проведен автоматический анализ доступности платформы с помощью инструмента WAVE. Был выявлен ряд проблем. Ниже перечислю исправленные

1.Кнопка выпадающего меню не имеет описания, что может быть проблемой для программ экранного доступа -- добавила title

  1. Для основного меню (вверху экрана) контрастность фона и текста корректна только для AA с шрифтом >18pt
  2. -- nav-link предполагает такой цвет текста -- сделала style="color: #4f4f4f;" для всех элементов меню в неактивном состоянии и полужирный шрифт в активном.
  3. Для всего меню (сверху) bootstrap для обеспечения доступности позволяет использовать атрибутов "role=navigation", тогда при озвучке экранный диктор будет сообщать, что это навигационный блок -- добавила.
  4. Для пути к веб-странице (указан через "/" в верхней части body страницы) можно указать, что это также элемент навигации: "Since breadcrumbs provide a navigation, it’s a good idea to add a meaningful label such as aria-label="breadcrumb" to describe the type of navigation provided in the
  5. Для пути к веб-странице у названия финальной страницы в пути слишком низкий контраст с фоном -- поменяла контрастность у этого элемента
  6. Поменяла цвет для RSS, чтобы соответствовал требованиям контрастности
  7. Переход по страницам -- проблематично менять цвета (для них недостаточная контрастность), добавила title для всех кнопок (переходы будут корректней озвучиваться программами экранного доступа)
gaponsasha commented 2 years ago

В новом коммите:

  1. Добавила "important" на все style решения, чтоб не было проблем.

Для соблюдения требований контрастности:

  1. Затемнила ссылки для навигационного меню перехода по страницам (без проблем уберу, но хотя бы посмотреть, как это выглядит, стоит).
  2. Затемнила цвет фона для лайков (был зеленый).
  3. Затемнила цвет фона для работы + для актуальности версий (был голубой)
  4. Затемнила серый цвет для обсуждений(дат для них)+для синономов поиска в справочнике (cl__grey).
  5. Затемнила цвет ссылки в таблице pep, чтобы проходил контрастность.
  6. Затемнила цвет для обобщающих слов в путеводителе.

8 Убрала избыточность в карточках (для названий: статей, сообществ, версий, приложений событий, книг, видео, пользователей) -- теперь title добавляется, только если название статьи не отображается полностью.

  1. Теперь лайки отображаются, только если их больше 0.
  2. Добавила title для лайков -- чтоб было понятно, что они значат.
idlesign commented 2 years ago

С изменённым bootstrap.css проблема не решена: его не должно быть в этом запросе на изменение. Может поменяться pythonz.css, но не bootstrap.css.

Также не должно быть изменений в static_base.html

idlesign commented 2 years ago

Влито. Спасибо за участие в проекте!