Accessibility/ja

MediaWiki のアクセシビリティとは MediaWiki サイトを閲覧しやすくするという目標です. もともとは障害者への補助を意図していましたが、どんな読者にも助けになりえます.

MediaWiki のアクセシビリティに携わっている人と組織

 * 「すべての人が使えるように」（ICTユーザ補助のスイスの団体）; W3Cによるウェブ・アクセシビリティ指導要綱（WCAG）2.0に基づく、段階的アクセシビリティ分析.
 * この分析手法はウィキメディアドイツ支部（WMDE）のKai Nissenと「サードエイジ・オンライン」（Third Age Online=TAO）AALプロジェクトの協同で完成した
 * 上記で提言された課題の大部分は機能強化やテーマ関連で、その他は編集ガイドラインの設定または再定義を伴わないと実現できないものです.
 * ルシア・グレコ Lucia Greco ユーザー補助技術専門家（カリフォルニア大学バークレー校）
 * サミ・ムバラク Sami Mubarak - MediaWiki の視覚障害者向け補助を担当（アラビア語）（カタールの非営利組織ユーザー補助技術センター）
 * ケイティー・フィルバート Katie Filbert - ユーザ補助の改善に関心を持ちハッカソン開催をサポート（ウィキメディア・ワシントン特別区支部）
 * アンドレア・ザニ Andrea Zanni - ウィキソースが新人ユーザーにとって便利で使いやすくなるよう、ソフトウェア開発に投資しています. （ウィキメディア・イタリア協会）
 * アディ・クシュニル Adi Kushnir - 2011年ウィキマニアでユーザ補助のセッションの開発者参加日程でリーダーを補助、修正が必要な箇所を協議.
 * ウィキメディア・フランス協会はウィキメディアのユーザ補助に関心を持っており、現状の監査や将来の活動のロードマップ作りを目指しています.
 * Jopparn, who submitted an accessibility project as a Wikimedia fellowship idea.
 * the WikiProject Accessibility participants - on other wikis as well?
 * Maria Schiewe, Danny B. and Rodan Bury had Accessibility Presentation and Workshop at Wikimania 2010.
 * Danny B. and Maria Schiewe started Accessibility initiative.
 * Mark Holmquist is an employee of the WMF who is usually willing to help with accessibility issues.
 * Derk-Jan Hartman (thedj), a software developer working on Accessibility guide for developers.
 * Hoo man (Marius Hoch) is working with WMDE to fix a11y bugs in the summer of 2013.
 * Wikimedia Sverige is developing a MediaWiki extension called Wikispeech, a text-to-speech solution aimed at increasing accessibility of Wikipedia's articles. Please contact me if you would like to be involved.

DZBからのフィードバック(2010年6月)
In June 2010, some people from the German Wikimedia chapter visited the German Central Library for the Blind (Deutsche Zentralbücherei für Blinde, DZB) in Leipzig. One result of the visit was that the DZB agreed to look at Wikipedia's skin (at that point, Vector), and identify any accessibility problems. The first batch of results was then posted and discussed on wikitech (gossamer / pipermail). The conversation was mainly between Maria Schiewe and Simetrical. Here's a quick summary:

a:focus
CSS uses a:hover but is missing a:focus; Thus, there's no highlighting when navigating links with the keyboard. This should be trivial to fix - or are there any problems with this?
 * Special:Code/MediaWiki/70015 should fix this, at least for Vector.

タブオーダー
The tab order is inconvenient. IE8 und FF3.6 show first the search box, then the show/hide toggles from the sidebar, then content, then the top bar, and only then the actual navigation items from the sidebar. This is probably because the toggles get inserted by JS, i guess. Opera 10 goes to searchm then the toggles, then back to search. That's bad.
 * 24581

折りたたみメニュー
Screen readers need some indication that the item is clickable. An onclick event would help, but the only good way is WAI-ARIA.
 * 23428

presentational tables
Tables are used for layout a lot. This is mostly true for content, especially for Infoboxes, Navigation boxes, etc. This is quite bad for screen readers. It's going to be very hard though to get wiki editors to use proper css based code for table layouts.


 * Whenever you read from one cell to another, you usually get information about your position within the table, the reference to the header etc. If you have boxes really displaying data in a tabular way, that's fine. But it's not fine to have tables merely for the sake of layout.
 * Maybe we could remove attributes like cellpadding, cellspacing, align, etc. from the attribute whitelist. That would make it much harder to use presentational tables, wouldn't hurt non-presentational table use much, and would also improve our standards conformance (HTML5 bans them).
 * WAI-ARIA provides a way to say that a table is presentational: the presentation role.
 * The original comment was actually about the box structure on the main page. Which is a presentational table. Infoboxes are, arguabley, "real" tables. Though often it's a real table wrapped in a presentational table, which is pretty bad.

Perhaps it would be possible to make {|...|} generate a div-based layout using some magic word or option? This would be so easy with a real parser :) But doTableStuff looks fairly sane, so perhaps it could be done.


 * Special:Code/MediaWiki/68230 is a proof of concept for this
 * table-based display is very hard to replicate exactly in CSS. For one thing, table-based display is actually not defined exactly by any standard at all.
 * IE doesn't recognize display: table-*, and without that simulating presentational tables is a nightmare.
 * 24583

「ズーム」リンク
In image thumbnail boxes, the "zoom" link is before the caption, so people have to skip over it every time. Perhaps it could be moved after the caption.
 * 24584

alt属性
Image thumbnails have an empty alt attribute. This seems like a bug to me - was it always like this? I suggest to use the image's file name in the alt-attribute of the img tag, and also as the title of the link that wraps the thumbnail. After all, the target of that link is indeed the description of the image file. Could we just implement this, or are there any problems I didn't think of?


 * might be a bug, Special:Code/MediaWiki/41837 changed the way alt attributes are handled.
 * We discussed this some weeks ago in the German Wikipedia. The preferred solution would be:
 * If ... is given, use this text for the alt attribute.
 * If no alt text is given, use the text given as the thumb caption.
 * wouldn't that result in the screen reader reading the text twice?
 * If no alt text or thumb caption exists, use the file name (without px data added, without file extension, without _ for blanks).
 * why is this preferred to just not providing an alt attribute?
 * WAI-ARIA: aria-describedby. Drawback: That is currently only valid in HTML 5.
 * If ... is given, use this text for the alt attribute.
 * If no alt text exists, use the "simplified" file name.
 * Add aria-describedby="ImageCaption" to the img tag. (With ImageCaption being the id of the caption.)
 * handling of alt text currently differs depending on whether you use thumb, frameless or pixel w:de:Benutzer:Raymond/alt. Should be consistent.
 * This is for historical reasons. The unnamed parameter is used for a caption if there's a caption, and used for alt text if there's not.
 * This is what HTML5 currently recommends: "As a last resort, implementors should either set the alt attribute to the empty string, under the assumption that the image is a purely decorative image that doesn't add any information but is still specific to the surrounding content, or omit the alt attribute altogether, under the assumption that the image is a key part of the content." and "Markup generators should generally avoid using the image's own file name as the alternative text. Similarly, markup generators should avoid generating alternative text from any content that will be equally available to presentation user agents (e.g. Web browsers)."
 * It would help if we gave people tools to spot bad alt text -- like have a preference that displays alt text in small print under the image, with a clear warning if there's no alt text specified.
 * 24586

DZBからのフィードバック(2010年7月)
As a follow-up to the, we received a second batch of comments. This time, the feedback comes from a blind person actually using a screen reader (JAWS).

ブラウザーのウィンドウが小さいとき履歴タブが隠れる
when the browser window is small (which a blind person would never know), some tabs (like "history") get moved into a drop-down menu, glued to a down-arrow icon. The menu drops down when the mouse is hovered over the icon. This is totally inaccessible to blind people, the icon has no title or any other indication what it does, there is no way to activate the drop-down. There doesn't even seem to be a way to navigate there using the keyboard.
 * 24590, 24298

検索サジェスチョンのアクセシビリティが低い
the suggestions shown under the search field are not accessible via the screen reader. it's not announced, and it does not get read.
 * 24591

編集ボタンのアクセシビリティが低い
Alt-Text for edit-buttons are read without spacing between them, they get jammed together. It also does not become clear which elements are buttons, which are links, etc. Blind people would probably not bother with toolbars anyway and use wikitext directly, but they should be able to explore the functionality and find their way around.
 * 24592

アクセシビリティ関連のその他のバグ

 * Bug 11555 - 節見出しよりあとに節の編集リンクが来るべき：理想としては見出しには節のタイトルのみ表示し、編集リンクを含むべきではない.


 * キーワードに"accessibility"を含むすべてのバグ

関連項目

 * Accessibility guide for developers&mdash;開発者向けアクセシビリティガイド
 * Wikipedia:アクセシビリティ
 * Wikipedia:WikiProject Accessibility&mdash;ウィキプロジェクト アクセシビリティ
 * Accessibility&mdash;ウィキペディアのアクセシビリティを協議する場
 * Accessibility&mdash;2011年までユーザビリティを協議したウィキ.
 * Accessibility and usability cleanup - 関連ページと終了したページへのリンクダンプ（完全版ではない?）&mdash;アクセシビリティとユーザビリティの修正関連