はじめに
Qiitaでは、エンジニアのみなさんからの声をもとに、日々開発を続けています。
この記事では、2024年9月にリリースした内容を紹介します。
Qiitaでアップデートやバグ修正をリリースしたら、リリースノート、Qiita 公式X(Twitter)、Qiita Blogでお知らせしています。
また、Qiitaへの質問や機能の要望などがありましたら、Qiita Discussions へご投稿ください。
通知をカテゴリーごとに確認できるようにしました
2024年9月11日 リリース
通知一覧ページで通知をカテゴリーごとに確認できるようにしました。
- 「すべて」、「コメント・メンション」、「編集リクエスト」、「アドベントカレンダー」のカテゴリーごとに通知を確認できるようにしました
- 1ページあたりの通知の表示件数を10件から20件に変更しました
- 通知の種類ごとにアイコンを追加しました
アドベントカレンダーページのアクセシビリティを改善しました
11月1日のページオープンに向けて、アドベントカレンダーページのアクセシビリティ改善を行っております🎅🎄
ヘッダーのドロップダウンメニューの改善
2024年9月17日 リリース
アドベントカレンダーページのヘッダーのドロップダウンメニューで以下の改善をしました。
- ドロップダウンの開閉の操作を見直しました
- ボタンをクリックか
スペースキー
でドロップダウンを開くことができます - ボタンをクリックか
スペースキー
、またはドロップダウンを開いているときにEscapeキー
かドロップダウン外をクリックでドロップダウンを閉じることができます
- ボタンをクリックか
- ドロップダウンを開いた時に、ドロップダウン内にフォーカスが移動するようにしました
- 上下キーでドロップダウン内を移動できるようにしました
- ドロップダウン内でフォーカスがループするようにしました
ランキング・カレンダー一覧ページの改善
2024年9月17日 リリース
アドベントカレンダーのカレンダーランキング・カレンダー一覧ページで以下の改善をしました。
- ナビゲーションに
nav
タグを使用するように変更しました - 見出しレベルが適切でなかったため、見直しました
- 「いいね」のアイコンに読み上げがなかったため、「いいね数」と読み上げるようにしました
- カレンダーの登録数が「5 スラッシュ 25」のように読み上げられてしまうため、「25日中5日登録済み」のように読み上げるようにしました
- カレンダー詳細ページへ遷移するリンクに読み上げなかったため、追加しました
カレンダー詳細ページの改善
2024年9月13日 リリース
アドベントカレンダー詳細ページで以下の改善をしました。
- 一部テキストのコントラスト比が低かった箇所をAA基準を達成できるように変更しました
- 参加者募集フォームにラベルがなかったため、ラベルを追加しました
- 見出しレベルが適切でなかったため、見直しました
- 一部アイコンやボタンに適切な読み上げがなかったため、追加しました
- 「いいね」のアイコンに読み上げがなかったため、「いいね数」と読み上げるようにしました
- はてなブックマークの
iframe
にtitle
がなかったため追加しました
エディタページのアクセシビリティ改善をしました
2024年9月12日 リリース
エディタページで以下の改善をしました。
- 記事・質問編集時の「本文」「差分」のタブで以下を改善しました
- タブに関する
role
を追加し、タブであることや紐づいているボタンとパネルが分かるようにしました -
aria-selected
を追加し、タブの選択状態が支援技術に伝わるようにしました - 左右の矢印キーでタブを移動できるようにしました
- タブに関する
- 「スライドモード」「同時スクロール」の切り替えボタンの選択状態が支援技術に伝わるようにしました
- エディタとプレビューを切り替えた際に支援技術に変更を通知するようにしました
本文・差分タブの切り替え | エディタとプレビューの切り替え |
---|---|
ランキングのアイコン表示のアクセシビリティを改善しました
2024年9月25日 リリース
ホームやトレンドのタグランキング・ユーザーランキングや、Organizationのランキングなどで利用している、ランキングアイコンで以下の改善をしました。
- 上位3位までアイコンのみの表示でしたが、数字を追加しました
- 一部テキストのコントラスト比が低かった箇所をAA基準を達成できるように変更しました
質問の公開設定のUIを記事の公開設定に合わせました
2024年9月3日 リリース
記事の公開設定に合わせて、質問の公開設定のUIを変更しました。
- ボタンの配置を変更しました
- フル画面のモーダルウィンドウに変更しました