`<a href>` の中を構造化すると iOS の VoiceOver ではリンクが分割されてしまう

テクノロジーカテゴリーの変更を依頼記事元:

blog.w0s.jp

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

`<a href>` の中を構造化すると iOS の VoiceOver ではリンクが分割されてしまう

年明け早々こんな記事が。 super short note on links in iOS with VoiceOver – HTML Accessibility(htm... 年明け早々こんな記事が。 super short note on links in iOS with VoiceOver – HTML Accessibility(html5accessibility.com) 曰く、<a href="#">text <code>code</code> text</a> のようにリンクの中を構造化すると、iOS の VoiceOver ではリンクが分割されて読み上げられてしまうとのこと。手元の iPad (iPadOS 18.2.1) で試してみたところ、確かにそのようになってしまいました。当該のユーザーにとっては事実上以下のマークアップと同義になってしまうわけで、ちょっとマズい状況です。 <a href="#">text</a> <a href="#"><code>code</code></a> <a href="#">text</a>

HTML
iOS

ブックマークしたユーザー

klim08242025/01/11

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx