ScienceDirectでのアクセシビリティに関する最新情報

ジャーナルページ

• Open AccessおよびSupports Open Accessのジャーナルページの [Learn more] リンクに、スクリーンリーダー向けの説明テキストを提供するためのaria-labelを追加。

  • WCAG 2.1 - 2.4.4 リンクの目的
    
• ジャーナルページのヘッダーとエディタバナー内の要素に適用されるフォーカスインジケータのコントラストを強化。この改良によりフォーカスされた要素に求められるコントラスト比を満たするとともに、キーボードユーザーは要素を簡単に識別できるます。

  • WCAG 2.1 - 1.4.11 非テキストのコントラスト
    
• スクリーンリーダーユーザーのナビゲーションを改善するために、変換ジャーナルの [Supports Open Access] リンクに説明的なaria-labelを追加。

  • WCAG 2.1 - 2.4.4 リンクの目的
    
• スクリーンリーダーがユーザーにオートサジェストリストの構造をよりよく理解させるために、[In this journal or book title] 検索ボックスのオートサジェストヘッダーを調整。

  • WCAG 2.1 - 1.3.1 情報及び関係性
• ユーザーがテキスト間隔のスタイル設定を上書きしたり、コンテナサイズを調整したりできるようにすることでジャーナルのホームページでテキストが重複する問題を解消し、読みやすさを向上。

  • WCAG 2.1 - 1.4.12 テキストの間隔
    

論文ページ

• 推奨される論文セクションの英語以外の論文タイトルの下にある [View PDF] リンクを修正し、親から言語属性を継承しないようにし、英語のアクセントで読み上げられるようにした。
• 引用者セクションの英語以外の記事タイトルの下にある「Show abstract”/”Hide abstract」リンクを修正し、親から言語属性を継承しないようにして、英語のアクセントで読み上げられるようにした。
  

[Browse Journals and Books] ページ

• [Browse Journals and Books] ページのレターリンクにaria-label「Filter publication by letter」を追加。これによりユーザーはこのセクションの機能と目的を理解し、ナビゲーション全体を改善することができます。

  • WCAG 2.1 - 2.4.4 リンクの目的
    
• [パブリケーションの絞り込み]パネルを開くボタンの名前を、[Domain]と[Submain]ではなく[Select subject area]と[Select secondary subject area]に変更。この変更により、スクリーンリーダーはこれらのボタンの目的を正確に伝えることができます。

  • WCAG 2.1 - 4.1.2 名前、役割、値
    

一般的な更新

• 自動化されたWaveテストで報告されたアクセシビリティエラーを修正し、支援技術「missing form label」のユーザビリティを強化。

  • WCAG 2.1 - 1.3.1 情報及び関係性
    
• ユーザー情報およびアカウント情報を持ち、ツールチップにより表示ラベルのテキストが複製されたグローバルヘッダーの冗長性が原因で起こるWebAIMアラートを修正。

  • WCAG 2.1 - 3.1.2 一部分の言語

• 英語以外の言語の書籍にlangタグを追加。特定言語の書籍のタイトルとサブタイトル、書籍の説明、セクションのタイトル、章のタイトルなど関連するすべてのセクションに、支援技術が正しく読み取れるように標識が付与されるようにしました。

  • WCAG 2.1達成基準3.1.2 - 一部分の言語
    
• 特集号のタイトルをH1にすることで、特集号の見出し構造を改善。この変更による階層構造の明確化とナビゲーションエクスペリエンスの改善によって、アクセシビリティが向上します。

  •  WCAG 2.1達成基準1.3.1 - 情報及び関係性
    
• [Skip to Main content] リンクを修正。これによりジャーナルと書籍の閲覧ページの検索ボックスに移動するようになりました。

  • WCAG 2.1達成基準2.4.1 - ブロックスキップ

ジャーナルのブラウズページ

コンテンツのレイアウトを調整し、200%以上で拡大表示した際にページのコンテンツすべてにアクセスできるようにしました。WCAG 2.1達成基準1.4.10 - リフロー。

書籍ページ

［View PDF］リンクのテキスト記述（aria-label）を更新し、「［View PDF］で新しいウィンドウで開く」ようにしました。この変更により、リンクをクリックすると何が起こるのかを理解しやすくなり、予測可能な体験が保証されます。 WCAG 2.1達成基準2.4.4 - リンクの目的。

一般的な更新

ジャーナルソサエティロゴの代替テキスト（altテキスト）に「ソサエティロゴ」を追加しました。これにより、スクリーンリーダーのユーザーにとって説明の意味がよりわかりやすくなります。WCAG 2.1達成基準1.1.1 - 非テキストコンテンツ。

閲覧履歴と推奨事項のページ

英語以外のタイトルの場合に、論文および章のタイトルにlang属性を追加しました。これにより、スクリーンリーダーが指示された言語に切り替わり、タイトルを正しく読み上げることができます。WCAG 2.1達成基準3.1.2 - 一部の言語。

一般的な更新

• ScienceDirectサポートセンターのポップアップにタグを固定して、英語および英語以外のテキストがそれぞれの言語で確実に読み上げられるようにしました。WCAG 2.1達成基準3.1.2 - 一部の言語。
  .
• Definition Descriptionとして誤ってエンコードされた論文情報の項目（論文タイプ、OAマーカー）のタグ付けを改善しました。タグがスクリーンリーダーで正しく読み上げられ、他のアクセスタイプのラベルと一致するようになりました。WCAG 2.1達成基準1.3.1 - 情報と関連
  

• 可視コンテンツに合わせてaria-labelを更新し、スクリーンリーダーによる読み上げの効果を高め、ナビゲーションを向上させました。WCAG 2.1達成基準4.1.2 - 名前、役割、値。

  • ［Advanced search］の［Cancel］ボタン。
    
  • トピックページの［Add to Mendeley］ボタン。
    

ジャーナルページ

• ジャーナルのAboutページの左側のナビゲーションリンクのタグの機能を拡張しました。これらは現在、アイテム数を示すリストとして公開されており、スクリーンリーダーのユーザーが情報構造をより理解しやすくなっています。WCAG 2.1達成基準1.3.1 - 情報と関連。
  
• ジャーナルページの編集委員会の画像のaltテキストを更新し、編集者の名前を記載して、より有意義な情報を提供するようにしました。WCAG 2.1達成基準1.1.1 - 非テキストコンテンツ。

一般的な更新

より効果的にナビゲーションできるよう、可視コンテンツに合わせてARIAラベルの説明を増強。

WCAG 2.1達成基準2.4.4リンクの目的（コンテキスト内）（A）、WCAG達成基準2.5.3ラベルを含む名前（A）

• 「リンクで新しいウィンドウが開く」ことを上矢印付きのリンクで表現するようにしました。 
• クイック検索見出しのARIAラベルを「ScienceDirectを検索」に更新して可視コンテンツに合わせることで、より効果的で分かりやすいナビゲーションが可能になりました。
  

カラーコントラストの改善

WCAG達成基準1.4.3コントラスト（最小限）（AA）：

• 検索ボックス下のパンくずラベル 
• 検索結果の縮小矢印とハイライトされたクエリ一致

記事ページ 

著者パネルを閉じた後、著者名リンクにフォーカスが戻る

WCAG 2.1達成基準2.4.3フォーカス順序（A） 

Escキーまたは閉じるボタンで著者パネルを閉じた後、記事ページのフォーカスが呼び出し元の著者名リンクに戻ります。これにより、スクリーンリーダーユーザーがページ上の位置を理解しやすくなり、誤りを防止できます。 

ジャーナルページ 

論文プレビューセクションのキーボードナビゲーションを改善

WCAG 2.1達成基準2.1.1キーボート（A） 

論文プレビューを展開したときに表示されるスクロールバーパネルがキーボードで操作可能になりました。

マウスを置くと表示されるメニュー項目がEscキーで取り消し可能になりました。

WCAG達成基準1.4.13ホバー又はフォーカスで表示されるコンテンツ（AA）

トピックページ 

トピックページの検索結果をスクリーンリーダーで読み上げ

WCAG 2.1達成基準4.1.3ステータスメッセージ 

見出しの結果の総数をスクリーンリーダーで読み上げます。スクリーンリーダーのユーザーがトピックごとの情報範囲を把握しやすくなり、目的の情報を見つけやすくなりました。

‌ジャーナル& および書籍のブラウズページ

200%以上にズームすると現れるオーバーレイを除去

WCAG達成基準1.4.10リフロー（AA） 

ドメインおよびサブドメインのドロップダウンをスクリーンリーダーで検出可能になりました。

WCAG 2.1達成基準4.1.2名前、役割、値（A）

各ドロップダウンと矢印の目的を示す情報が明確になり、出版物の絞り込みが円滑になりました。 

閲覧履歴 

閲覧履歴のセクションごとに対応する日付を読み上げ

WCAG達成基準1.3.1情報及び関係性（AA） 

クローズドキャプション - WCAG 2.1基準1.2.2キャプション（A）

新しいオープンアクセス動画ジャーナル、Science Talksを3月に導入しました。このジャーナルで公開済みのすべての動画記事でクローズドキャプション/ローリングトランスクリプトを利用でき、完全にアクセシブルなメディアプレーヤーに表示されます。

クローズドキャプションの表示を選択したユーザーは、テキストの外観（位置、フォント、サイズ、色、不透明度、背景）をカスタマイズできます。また、動画のトランスクリプトを記事の横に表示できます。このトランスクリプトは動画の再生に併せて自動スクロールしますが、動画再生と分けて閲覧できるほか、文章をクリックして動画の該当する箇所から再生できます。

この優秀な新機能を活用して、クローズドキャプションとトランスクリプトをScienceDirect上にあるその他の動画ジャーナルで利用できるようにする予定です。

タグ付けされたPDF - WCAG 2.1基準1.3.1情報と取引関係（A）

エルゼビアではPDFのアクセシビリティに関する機能強化を、支援技術の利用者に向けて新機能を搭載することで開始しました。見出し、段落、図、リンクなどの要素を特定する一連のタグを追加することで、記事の構造を詳細に表示できる支援技術を実現しました。この機能はより優れたナビゲーションと読み取り操作を、スクリーンリーダーのユーザーに提供します。現在、この機能は51稿のジャーナルにある公開済みのすべての新しい論文で利用できます（Scientific AfricanやCognitive Roboticsなど）。その他のジャーナルにも、この機能を今後数ヶ月以内に積極的に導入する予定です。

その他の改善点

WCAG 2.1基準1.3.1情報と関連（A）：検索結果ページ上のランドマークを再構築しました。これによって、すべてのページコンテンツがランドマークに確実に含まれるようになり、空のランドマークがなくなりました。

WCAG 2.1基準1.4.3コントラスト（最小）（AA）：

• 以前のバージョン（白の背景にオレンジ色の文字）では論文 & チャプターページで十分なカラーコントラストが出力されなかったので、オーピンアクセスラベルを変更しました。新しいバージョンでは、緑ドットが付いているダークグレーのラベルを採用しました。コンテンツと検索結果ページの号の表ですでに使用されています。
• 検索結果ページ上にある［Brought to you by］ラベル色を、コントラスト要件を満たすように変更しました。

WCAG 2.1基準1.4.11非テキストのコントラスト（AA）：検索履歴と閲覧履歴の各ページ上で、トグル上のダイアログウィンドウに表示されるカラーコントラストの問題が解決されました。

WCAG 2.1基準2.1.1キーボート（A）：検索履歴と閲覧履歴の各ページ上で、トグル上のダイアログウィンドウに重なってフォーカスが隠れる問題を回避するために、キーボードでのアクセスを改善しました。

WCAG 2.1基準2.4.7フォーカスの可視化（AA）：フォーカスされたリングが書籍ページ上で改善されました。これによって、以前は3枚のスライドだけだった表示が4枚すべてになりました。

WCAG 2.1基準3.1.2一部分の言語（AA）：言語タグがサイトの見出しに追加されました。これによって、日本語と中国語の各リンクを表示できます。

WCAG 2.1基準4.1.1構文解析（A）：重複する識別子の問題を検索結果ページ上で解決しました（検索ヒントと並び替えオプション）。

WCAG 2.1基準4.1.2名前、役割、値（A）：アクセス可能な名前をボタンに追加しました。これによって、推奨事項、検索履歴、閲覧履歴の各ページ上にあるトグルに表示されるダイアログウィンドウを閉じることができます。

WCAG 2.1基準4.1.3ステータスメッセージ（AA）：検索履歴ページ上のトグルをオン/オフに切り替えると、緑の「保存済み」メッセージをスクリーンリーダーによって読み上げられます。

カラーコントラストの向上：リンクとボタン

ScienceDirectホームページではすべてのリンクおよびボタンのデザインが変更され、カーソルを置いた状態でのカラーのコントラストが向上されました。

• カーソルが置かれたリンク は以前はオレンジ色の文字と下線で表示されていましたが、現在はオレンジ色の下線が引かれた黒い文字で表示されるようになりました。
  
• フォーカスされたリンクは以前はオレンジ色の文字と黒のフォーカスのリングで表示されていましたが、現在は青色の文字とオレンジ色のフォーカスリングで表示されるようになりました。
  
• カーソルが置かれたボタンは以前はオレンジ色の背景に白い記号で表示されていましたが、現在は白の背景に黒い記号、オレンジ色の枠で表示されるようになりました。
  
• フォーカスされたボタンは以前はオレンジ色の背景に白い記号で表示されていましたが、現在は青い背景に白い記号、オレンジ色の枠で表示されるようになりました。

書籍ページのタブにも同様の変更が行われており、フォーカス、またはカーソルが置かれた際のオレンジ色のテキストは、黒いテキストとオレンジ色の下線/枠で強調されるようになりました。 

検索および検索結果ページの向上

キーボードでのアクセス：

• 検索結果項目の省略記号にキーボードでアクセスできるようになりました。この機能を有効化すると、巻と号の情報と改ページが表示されます。
  

スクリーンリーダーのサポート：

• 代替テキストが、推奨される出版物のセクションに掲載されるすべての表紙の画像で利用できるようになりました。フォーカスされている文献がすぐにわかるように、フォーカスに輪郭が追加されています。
  
• 検索結果ページのすべての展開/折りたたみボタンに、現在の状態をスクリーンリーダーに示すためのaria-expanded属性が設定されました。各検索結果の下にある［Abstract］、［Extracts］、［Export］ボタンと、検索ファセット内の［Show more］/［Show less］ボタンも対象です。
  
• 検索アラートを保存した後に表示される確認メッセージが、数秒後に自動的に消去されることがなくなりました。このメッセージはユーザーが閉じるまで表示されたままになり、スクリーンリーダーによって読み取ることができます。同じ変更が、複数の論文を同時にダウンロードした場合に表示されるメッセージにも適用されています。
  
• 検索結果に表示されるすべての論文を選択または選択解除するためのチェックボックスに、アシスティブ・テクノロジーを使用するユーザーがアクセスできるようになりました（role = checkbox、aria-label & aria-checked）。
  
• ジャーナル/書籍タイトルの検索ボックスの自動提案で表示の候補数が、スクリーンリーダーに示されるようになりました。
  

新しいメディアプレーヤー

メディアプレーヤーを置き換えて、アクセシビリティを高めました。新しいプレーヤーはAble Playerを基盤としています。完全にキーボードで操作でき、スクリーンリーダー用にラベルが付与されたコントロールが用意されています。音声認識を使用するユーザーによる制御も可能となります。主要なすべてのコントロールにキーボードのショートカットが割り当てられており、修飾キーは3種類から選択できます。

実際に確認する場合は、新しいメディアプレーヤーのサンプルビデオをご覧ください。

現在、ビデオコンテンツの字幕の準備にも取り組んでいます。利用可能になると、このプレーヤーで完全にサポートされる予定です。

ページの構造

• ジャーナルのページの見出しの構成を改善しました。
• 詳細検索：ページの構成がよりわかりやすく表示されるようにランドマークを調整されました。最近の検索の詳細も、スクリーンリーダーで読み上げられたときにわかりやすいように変更されました。
• トピックページの画像のキャプション：ARIAのラベルが変更され、タイトルが含まれた要素を指すようになりました。これにより、スクリーンリーダーはトピックページで画像が関連付けられたキャプションテキストを取得して読み上げられるようになりました。

キーボードでのアクセス

• ジャーナルの目的 & 研究領域：［aims & scope］のサイドパネルをキーボードで操作できない原因となっていた2つのバグを解決しました。このパネルは［View full aims & scope］リンクをアクティベートすることによって表示され、現在ではキーボードのみを使用して開いたり、表示したり、閉じたりできます。

スクリーンリーダーのエクスペリエンス

• リスト内の各論文で繰り返されるリンクのエンコーディングを改善し、スクリーンリーダーツールがリンクに関連した論文のタイトルを読み上げられるようになりました。

  • 検索結果ページの［Download PDF］、［Abstract］、［Extracts］、［Export］リンク。
  • 閲覧履歴ページの［View PDF］および［Abstract］リンク。
  • 詳細検索 ページの［Show all fields］リンクにある不要なARIAラベルが削除され、スクリーンリーダーで読み上げられる内容と、ページに表示されているテキストが一致するようになりました。

トピックページ

• ドイツ語のトピックページ にある［Mehr lesen］ボタンは当初カーソルを置いても色が変わりませんでした。この状況を改善し、カーソルを置くとボタンの状態が青からオレンジ色に変わるようにして、行動を呼びかける視覚的な情報を提供するようになりました。
• 化学関連のトピックページを扱う Reaxysの反応 & メカニズムのパネル で、構造面およびセマンティクス面での改善を行いました。ページのランドマークを固有にし、HTML要素を正しく使用し（<a>ではなく<button>を使用）、Reaxysのリンクが新しいウィンドウで開くというメッセージを追加しました。

検索ボックスのデザイン

［Advanced Search］フォームのデザインが以下のように変更され、より認識しやすく、わかりやすくなりました。

• 主な変更は、検索の入力フィールドが、シンプルな横線から四角形の枠になったことです。この枠線によって、白いページの中でも見やすくなり、検索ボックスを認識しやすくなりました。入力フィールドを示すラベルもわかりやすくなっています。
• さらにフォーカスも改善され、選択/クリックされたフィールドはオレンジ色の線で表示されます。

  

• これらの改善は、検索結果ページの検索入力フィールドにも適用されています。

  

論文参照リンクに対するARIAの説明

• 論文参照リストの機能が強化され、ScienceDirect、Scopus、Google Scholar、またはCrossRefを使用して特定の参考文献を見つけやすくなりました（例を表示）。こうしたテキストのリンクは参照から参照へと繰り返されるため、ARIAのラベルを適用することにより、支援技術を使用するユーザーが指定のリンクが適用されている参照を確認できるようにしました。
• こうしたリンクでaria-describedbyが一致しない識別子を参照する原因となっていたバグが修正されました。aria-describedbyは現在、常に当該の参照タイトルに関連付けられた識別子を参照するようになっています。

  

ページの構造 & ナビゲーション

• ［Browse Topics］ページの見出しの構成が、ページの階層を反映するように変更されました。［Related results］セクションの見出しがそれまでのH3からH2になりました。
• 詳細検索ページの［Skip Navigation］リンクが修正され、ユーザーがサイトの見出しをスキップし、Tabで検索フォームに直接移動できるようになっています。
• 以前の2回のスキップのリンクを1回のリンクで置き換えて、ジャーナルページでのスキップリンクのロジックをシンプルにしたため（例を表示）、サイトの残りの部分との一貫性が向上され、素早く操作できるようになりました。

キーボードのフォーカス

• キーボードでの操作を向上させるため、［Reading History（閲覧履歴）］ページが改善されました。閲覧履歴から出版物を削除すると、以前はフォーカスが失われていました。最新の修正ではフォーカスがリストの次の項目に移動し、表示されたままになります。

  

バイパスのブロック

以下のページの壊れたスキップリンクを修正

• ジャーナルの［Aims & scope（目的と対象範囲）］ページ
• すべてのジャーナルの［Editorial board（編集委員会）］ページ
• ［Reading History（閲覧履歴）］ページ

代替テキスト

• ScienceDirectホームページのフィードバックボタンに代替テキストを追加しました。今後、画像ではなくボタンとしてエンコーディングすることで、さらに改善することを検討しています。
• 論文ページの論文評価指標セクションのPlumXのロゴに代替テキストを追加しました。論文ページの例。

色のコントラスト

• 論文ページの論文評価指標セクションの［詳細を表示］リンクの色は青でしたが、色のコントラストの最小要件に適合するように調整されました。

見出し

• ジャーナルのオンライン速報版ページから2つの空の見出しが削除されました。Article in pressの例。

ラベル

• プロファイルボタンのラベルに設定されたARIAラベルを、実際に表示されるテキストのラベルと一致するように変更しました。
• ARIAのラベルが、論文ページにあるアクセスバーを閉じるボタンで利用できるようになりました。