Qiita アップデートのお知らせ - 2024年 4月

![Qiitaアップデートのお知らせ 2024年4月](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/78283b7b-5263-d4a7-c175-9b9bdd6efb02.png)

## はじめに

Qiitaでは、エンジニアのみなさんからの声をもとに、日々開発を続けています。
この記事では、2024年4月にリリースした内容を紹介します。

Qiitaでアップデートやバグ修正をリリースしたら、[リリースノート](https://qiita.com/release-notes)、[Qiita 公式 X(Twitter)](https://twitter.com/Qiita)、[Qiita Blog](https://blog.qiita.com/)でお知らせしています。

また、Qiitaへの質問や機能の要望などありましたら、[Qiita Discussions](https://github.com/increments/qiita-discussions) へご投稿ください。

## `details`タグに`open`属性を指定できるようになりました

![エディタのスクリーンショット。open属性がついていないdetailsタグはプレビューで中身が表示されない。open属性がついているdetailsタグはdetailsの中身がプレビューで表示されている](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/480ac5c6-3494-198f-473a-c7849825d82a.png)
2024年4月9日リリース

`details`タグの内容の表示・非表示を指定できるようになりました。
内容を表示させたい場合は、以下のように`open`属性を指定します。

```:例
<details open>
内容が表示されます
</details>
```

## ヘッダーが追従する機能をベータ版として公開しました

![ホームフィードの画面録画。スクロール時もヘッダーが追従している。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/be7f2385-8118-612d-b20c-54e0dc65d602.gif)
2024年4月26日リリース

他のページへの遷移がしやすくなるよう、ヘッダーが追従する機能をベータ版として公開しました。

下にスクロールするとヘッダーのナビゲーションのみ表示され、上にスクロールするとヘッダーが全て表示されます。
記事ページ・質問ページでは、記事を読むのに邪魔にならないように上にスクロールした時のみヘッダーのナビゲーションが表示されます。

ベータ版への切り替え・フィードバックは、[設定のベータ版切り替えページ](https://qiita.com/settings/beta-release)からできます。
利用していただき、フィードバックをいただけると幸いです。

## 記事ページの下部にコメントへのリンク等を追加しました

![記事ページのスクリーンショット。変更前は記事の文末にX・Facebook・はてなブックマークのボタンがある。変更後はいいね、ストックのボタンとコメントへのリンクが追加されている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/fdf9eff5-ffd7-ccee-705f-af67fdcf22a5.png)
2024年4月8日リリース

コメントへアクセスしやすくなるよう、記事の下部にコメントへのページ内リンクを追加しました。
いいねボタンとストックボタンも追加し、記事を読み終えた時にいいねとストックをしやすくしました。

## アクセシビリティ改善の取り組みをまとめたQiita Blogを公開しました

2024年4月16日公開

Qiitaでは誰もがQiitaを利用できるように、アクセシビリティ改善を進めています。
Qiitaのアクセシビリティ改善の取り組みをまとめたQiita Blogを公開しました。

https://blog.qiita.com/accessibility-project/

## いいねボタンの読み上げを改善しました

2024年4月25日リリース

記事や質問にいいねするボタンで、いいねをする前とした後で読み上げが同じため、いいねをしているかどうかが判断できませんでした。
いいねをする前とした後で読み上げが変わるようにし、スクリーンリーダー利用時でもいいねをしているかどうかわかるようにしました。

## トレンドページのタグランキング・ユーザーランキングのアクセシビリティを改善しました

![タグランキングのスクリーンショット。変更前はフォローボタンがあるが、変更後はない。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/2a366c6c-4cd4-88eb-5ff3-8c4a5fab2941.png)
2024年4月17日リリース

- アクセシビリティを改善した点
    - 一部テキストのコントラスト比が低かった箇所をAA基準を達成できるように変更しました
    - 「週間・月間・すべて」のいずれかが選択されていることをスクリーンリーダーでも判別できるようにしました
- その他UIの改善点
    - 意図せずにフォローボタンをクリックしてしまうことを避けるために、タグ名やユーザー名にhoverしたときに表示されていたフォローボタンを削除しました
    - 「週間・月間・すべて」にhoverのスタイルを追加しました
    - 特定の期間、画面サイズが991px以下の端末でタグランキングとユーザーランキングが非表示になっておりましたが、閲覧できるように復旧しました

## 記事ページの下部にトレンド記事一覧を追加しました

![記事ページのスクリーンショット。今日のトレンド記事のセクションに記事が5つとトレンド一覧を見るボタンがある。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/7368dc13-8469-01d9-99f2-2a3e89a252ba.png)
2024年4月19日リリース

記事ページの下部にトレンド記事の一覧を追加しました。

## ダークテーマ時にアイコンが見やすくなるように調整しました

![ホームのアイコンのスクリーンショット。ダークテーマの方がライトテーマよりも少しアイコンが太い。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/37c83bfc-00ca-4c4d-c46d-6daf572a7125.png)

2024年4月5日リリース

ダークテーマ時にアイコンが見やすくなるように、アイコンのウェイトを調整しました。

ダークテーマはQiitaにログインした上でOSの設定をダークテーマに設定いただくことで、利用できます。
[ダークテーマへの切替のヘルプはこちら](https://help.qiita.com/ja/articles/qiita-theme)

## authorizeページのデザインをアップデートしました

![authorizeページのスクリーンショット。Oauth client nameにアカウントのアクセスを許可しますか？の下にアプリケーションの名前、説明、開発者、許可する操作が表示されている](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/4402bf28-0454-2b0e-3258-16b41a1b963f.png)

2024年4月12日リリース

アプリケーションからのアクセスを認可するauthorizeページのデザインをアップデートしました。
また、authorizeページをダークテーマに対応しました。