リアルSEOホーム » 用語集 » あ行 » アクセシビリティ
アクセシビリティ(アクセシビリティ) - 解説
アクセシビリティ(アクセシビリティ) - 解説 ![rss](http://real-seo.net/rssicon.gif)
一般的には、情報、サービス、ソフトウェアなどの利用のしやすさを指す。
webでは、ユーザーが利用しやすい、見やすいかを『webアクセシビリティ』という。
画像などに、代替文字を設定したり、情報内容と構造、および表現を分離できるようにするなどの指針が、W3Cにより提唱されている。
"アクセシビリティ" 関連の人気・注目記事
以下の記事は、自動収集しています。不適合な内容が表示されることがあります。ご了承ください。
タイトルの後に表示されるusersのタグは、ブックマーク数です。左が【はてな】右が【ライブドア】のブックマークの数です。数字が多いほど人気の高い記事ということになります。
・【2024年最新動向】日本発の「いけてる」デザインシステム事例10選|Goodpatch Blog グッドパッチブログ ![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://goodpatch.com/blog/2024-07-10cooldesignsystems)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://uit-inside.linecorp.com/episode/160)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://photoshopvip.net/159320)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.gender.go.jp/policy/no_violence/e-vaw/chousa/r060702_houkoku.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://note.com/koelnote/n/n72fd7c58c6b6)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://user-first.ikyu.co.jp/entry/2024/07/17/152452)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/uhyo/items/9c0186ee4d4799fb4b26?utm_campaign=post_article&utm_medium=twitter&utm_source=twitter_share)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://black-flag.net/css/20240717-8157.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://qiita.com/uhyo/items/9c0186ee4d4799fb4b26)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20240716-ios-18-public-bata/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.gizmodo.jp/2024/07/free-transcription-services.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://bookmark.hatenastaff.com/entry/2024/07/16/114828)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/cybozu_frontend/articles/frontend_weekly_20240709)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://levtech.jp/media/article/column/detail_475/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/imajoriri/articles/3d003d05b16b69)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://n-styles.com/main/archives/2024/07/10-224500.php)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://ameblo.jp/kiyo1115nov/entry-12858828269.html)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/chot/articles/4a96fdbaf0f9b4)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://softantenna.com/blog/banana-bin/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/catnose99/articles/547cbf57e5ad28)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://www.technologyreview.jp/s/340127/inside-the-us-governments-brilliantly-boring-websites/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://littlemore.co.jp/isbn9784898155912)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://product.10x.co.jp/entry/2024/07/01/124355)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/comm_vue_nuxt/articles/feat-nuxt-route-announcer)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://note.com/tyauzo/n/ne7971c497221)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://book.asahi.com/article/15299857)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/004/206/4206661/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://note.com/qluto/n/na6c0b58f59be)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20240627-bluesky-starter-packs/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/cybozu_frontend/articles/digital-agency-design-system-beta)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://note.com/smarthr_co/n/n9ee5511f3539)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://slack.com/intl/ja-jp/help/articles/29414264463635-%E7%84%A1%E6%96%99%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%81%AE%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%A8%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%B1%A5%E6%AD%B4%E3%81%AE%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://blog.hatenablog.com/entry/2024/06/24/130000)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://zenn.dev/cybozu_frontend/articles/few-2024-06-18)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://tech.smarthr.jp/entry/2024/06/20/161810)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://techblog.enechain.com/entry/democratisation-design-system)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://gist.github.com/mizchi/3160fb02bc22c8e1e3ca6975b6cba843)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20240619-apple-car-play-ios-18/)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://u-site.jp/alertbox/homepage-design-principles)
![ブックマークに登録している人数](http://b.hatena.ne.jp/entry/image/https://tech.smarthr.jp/entry/2024/06/18/140311)
こんにちは!グッドパッチUIデザイナーのharuです。 この記事では、2024年時点の最新のリサーチをもとに、国内のデザインシステム10事例をグッドパッチの解説つきでご紹介します。 「良いデザインをサポートするための仕組み」であるデザインシステムは、ものづくりの現場において、作り手の共通認識となることで価値を...
・ep.160『HTMLの品質チェックをもっと身近に!Nu HTML Checker セルフホスティングへの道』 | UIT INSIDE
@potato4d が @hiroya_UGA, @Pittan, @vivil に、Nu HTMLチェッカーのセルフホスティングについて話を聞きました。 ゲスト @hiroya_UGA 出前館に出向してコンシューマ向けのウェブアプリケーションの開発に携わり、兼務でウェブアクセシビリティチームに在籍。 @Pittan LINEギフトのフロントエンド開発を担当し、兼務でw...
・コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれな...
・「若年層の痴漢被害等に関するオンライン調査」報告書 | 内閣府男女共同参画局
このページの本文へ移動 御意見・御感想 関連サイト English メニュー 男女共同参画とは 主な政策 推進本部・会議等 国際的協調 広報・報道 基本データ 検索の使い方 内閣府ホーム > 内閣府男女共同参画局ホーム > 主な政策 > 女性に対する暴力の根絶 > DVや性暴力に関する調査一覧 >「若年層の痴漢被害等に関するオン...
・「つなげるデザイン」—NTT Designer Meetup 2024イベントレポート|KOEL DESIGN STUDIO by NTT Communications
こんにちは、KOEL 新入社員の高橋と明石です。 NTTグループのデザイナーが集うイベント、『NTT Designer Meetup 2024』が2024年6月14日(金)に開催されました。今回は、そのイベントの様子をお伝えしていこうと思います。 今年度もNTTコミュニケーションズの事業共創の場である「OPEN HUB Park(オープンハブパーク)」...
・エンジニア主導でデザインシステムを導入してみた - 一休.com Developers Blog
レストランプロダクト開発部の矢澤です。 一休では「RESZAIKO」というプロダクトの開発を行っています。 この開発を進めるにあたり、UI/UX に関するいくつかの課題があり、エンジニア主導でデザインシステムを構築することにしました。 本記事では、エンジニア主導でデザインシステムを構築することになった背景や、実際...
・HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita
HTMLのフォームは、送信ボタン(
・:has()を使ってCSSだけで同意チェックボタンを実装する方法|BLACKFLAG
CSSの疑似クラス「:has()」がモダンブラウザで使えるようになり、今までJavaScriptを使わないと実装できなかったようなものでも、CSSだけで実現できる幅が広がりました。 そんなCSSの「:has()」を使って、お問い合わせページなどでよく見かける、利用規約など個人情報の同意チェックボックスのチェックの有無で送信ボタ...
・HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita
HTMLのフォームは、送信ボタン(
・iOS 18のパブリックベータ版がリリース、Apple純正パスワードアプリ・ホーム画面やコントロールセンターのカスタマイズ・「写真」や「計算機」が刷新されるもApple Intelligenceは含まれず
iOS 18・iPadOS 18・macOS Sequoiaなど、Apple製OSのパブリックベータ版が、2024年7月16日にリリースされました。2024年6月に開催された年次開発者向け会議「WWDC24」の基調講演で明らかにされたiOS 18の新機能の一部がパブリックベータ版で触れるとのことで、実際にiPhoneにインストールして確かめてみました。 Apple B...
・まだ人力? 無料で使える文字起こしサービス使ってみようよ
まだ人力? 無料で使える文字起こしサービス使ってみようよ2024.07.16 15:0029,731 David Nield - Gizmodo US [原文] ( mayumine ) 今どき自力で文字起こしをやってる人なんていない? いやまだまだいるって? ここ1〜2年で、AIのおかげで文字起こしの性能が飛躍的に便利になりました。 会議の議事録、授業内容、イ...
・今週のはてなブックマーク数ランキング(2024年7月第2週) - はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月8日(月)~7月14日(日)〔2024年7月第2週〕のトップ30です*1。 順位 タイトル 1位 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック | TomoyukiArasuna.com 2位 クソ不動産業界の闇 ...
・Chrome 127 betaの公開など: Cybozu Frontend Weekly (2024-07-09号)
こんにちは!サイボウズ株式会社フロントエンドエンジニアのdaiki(@k1tikurisu)です。 はじめに サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/07/09のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上...
・【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係 - レバテックラボ(レバテックLAB)
【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係 2024年7月12日 Ubie株式会社 デザインエンジニア 大木 尊紀 WebフロントエンドエンジニアとしてWebアプリケーション開発に従事した後、UIデザイナーを経てデザインエンジニアとなる。デザインとエンジニアリ...
・より良いユーザー体験を求めて "ボタン" を深掘りする
いきなりですが、個人開発の良さとはなんでしょうか? 私は「技術的チャレンジをしやすい」という点に魅力を感じています。 業務上の開発ではアウトプットを最優先にする必要があるため、コスパ良く実現することを求められます。 しかし、個人開発に締切ありませんし、開発の優先順位も自分で決められます。 この記事に書...
・任天堂とアクセシビリティ
先日、任天堂の株主総会が行われた。例によって詳細をまとめているので前回の記事をご覧いただきたい。 任天堂株主総会レポート2024 | N-Styles 株主総会レポートでも記載したが、質疑応答で最初に指名された質問者が「任天堂は視覚障害者対応が遅れているのではないか」と指摘し、私はこの質問に非常に驚いた。 なぜな...
・『【スマホ特殊機能】スクリーンショット:指1本、画面をポチッとするだけ‼️』
昨今の暑さ🥵…『夏本番』はこれからなのに“異常”・“異次元”、いや、“殺人級”!(皆さま、お身体にくれぐれもご自愛を) さて、本日も唐突ながらのご報告。 皆さま「スクリーンショット」活用してますか(一般的な方法は?…資料👇お借りしました) コレだと「両手を使う」必要がありしかも、通勤電車(座れない)では“操...
・ravixUI がアクセシビリティ対応の参考になりそう
まえがき Astro のブログではコミュニティ発のライブラリも紹介されているのですが、What's new in Astro - June 2024 で An open-source, accessibility-focused component starter kit built with Tailwind CSS and optimized for Astro と紹介されていた ravixUI がアクセシビリティに配慮したマークアップの参考にな...
・Macのゴミ箱整理が捗る?画期的アプリ「BananaBin」 | ソフトアンテナ
Macには削除したファイルやフォルダを一時的に保存しておくことができる「ゴミ箱」機能が搭載されています。 ゴミ箱は、間違えて削除したファイルを元に戻すことができる便利な機能ですが、その便利さのおかげで不要なファイルがいつまでも完全には削除されず、空き容量が復活しない原因ともなります。 このゴミ箱の整理...
・Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が...
・米政府系サイトの常識を変えた「デザインシステム」革命
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォン...
・誰のためのアクセシビリティ? | リトルモア
スロープや字幕を付ければ終わりではない。 アクセシビリティの先には、生々しい身体を持った人間がいる。 映画を観る、ゲームをする、アートを鑑賞する。 そのために、チケットを買う、座席を選ぶ、会場に行く。 多くの人が日常的にしていることを、マジョリティとは異なる身体を持つというだけで同じように楽しめない...
・Stailerがスクリーンリーダーに対応するまでの道のり~Flutterでのスクリーンリーダー対応について、あるいはユーザビリティやユーザー獲得の話~ - 10X Product Blog
こんにちは、ソフトウェアエンジニアの@futaboooです。 先日スクリーンリーダーへ対応したプレスリリースを配信しました。今日はその裏側について紹介です。 10x.co.jp はじめに とあるパートナーのネットスーパーシステムをStailerへリプレイスして少しすると、お客様から「今まで使えていたのに使えなくなった!」とい...
・SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能
SPA におけるアクセシビリティ課題について シングルページアプリケーション(SPA)は、1 つの HTML ファイルに対して JavaScript と Web API を活用して、ユーザーに素早いページ切り替えの体験を提供するウェブアプリケーションの一形態です。 しかし、SPA にはアクセシビリティの課題があります。例えば、視覚障害の...
・動画を600本作ったので編集方法についてまとめる|tyauzo
さぼってんちゃうぞです。 Youtubeチャンネル「らっだぁ」の編集を4年ほど請け負っており、現在までに600本ほどゲームプレイ動画を作成いたしました。 笑顔に騙されるな 本記事ではこれまで作ってきた動画を例に「何が課題で」「どのように解決を目指したか」を示しながら、なるべくどなたでも実践できるような形で解説...
・ゲームも書籍も「バリアフリー」が重要に 「車いすの哲学者」近藤銀河さんが初の単著執筆で考えたこと|好書好日
近藤銀河さん=篠田英美撮影 近藤銀河(こんどう・ぎんが) 1992年生まれ。アーティスト、美術史家、パンセクシュアル。中学の頃にME/CFSという病気を発症、以降車いすで生活。2023年から東京芸術大学・先端芸術表現科博士課程在籍。主に「女性同性愛と美術の関係」のテーマを研究し、ゲームエンジンやCGを用いた作品を発表...
・無料で使える画像生成AIの定番は「Stable Diffusion」ではなくなるかもしれない
Invoke、Comfy Org、Civitai、LAIONは6月25日、米コミュニティーサイト「Reddit」の「r/StableDiffusion」スレッドで、画像・動画・音声生成のためのオープンライセンスAIモデルの開発を推進することを目的にしたプロジェクト「Open Model Initiative」の立ち上げを宣言した。 企業による技術の独占を防ぎ、アクセシビリ...
・論語と算盤と技術 ーー LayerX 入社エントリ|Qluto
はじめにLayerX の @qluto です。 今年4月に LayerX へ機械学習エンジニアとして入社しました。 ごく簡単にバックグラウンドをお伝えすると、これまで、機械学習エンジニアやエンジニアリングマネージャー(VPoE 的な役回りも)としての経験をそこそこ積んできたという感じのバックグラウンドを持ったという人です。 早...
・Blueskyに「オススメユーザーをまとめて新規ユーザー招待リンクを作成する機能」や「リプライできるユーザーを後から制限する機能」などが追加される
2024年6月27日、複数の機能を追加したBlueskyのバージョン1.87が配信されました。このバージョンから、おすすめのユーザーを他人に紹介できる「スターターパック」や、投稿に返信できる人を後から制限する機能などが追加されました。 Introducing Bluesky Starter Packs - Bluesky https://bsky.social/about/blog/06-26...
・Explore デジタル庁デザインシステム ベータ版
デジタル庁デザインシステム デジタル庁デザインシステムとは、名前の通りデジタル庁が提供しているデザインシステムです。 行政機関や公共性の高い組織のWebサイト、アプリケーションを構築する際に利用することを念頭に置いて構築されています。 2024/05/30にv2.0.0としてベータ版が公開されました。 デジタル庁デザイ...
・「働く×やさしい日本語」で外国人にとっての人事・労務手続きをわかりやすくしたい|株式会社SmartHR
SmartHRが目指す「誰もがその人らしく働ける社会」。これを実現するには、働く人々が言葉という最も基本的な社会との接点を、自分だけの力で理解でき、さまざまな手続きを行えることが重要です。 しかし、外国人や知的障害のある方など、日本語の読解に難しさを抱える方を雇用する企業が増えているいま、言葉が原因で手...
・無料ワークスペースのメッセージとファイル履歴の最新情報
アクション,アクティビティ,アクセスログ,アクセシビリティ,追加する,アプリを連携させる,メンバーを追加する,Slack に追加する,管理者すべてのパスワード,アナリティクスandroid,社内通知,社内お知らせ,App ディレクトリ,アプリのアイコン,Apple Watch,アプリの承認,アーカイブする,Asana,Atlassian,オートメーション化...
・今週のはてなブログランキング〔2024年6月第4週〕 - 週刊はてなブログ
はてなブログ独自の集計による人気記事のランキング。6月16日(日)から6月22日(土)〔2024年6月第4週〕のトップ30です*1。 # タイトル/著者とブックマーク 1 どうすれば相手の意見を変えられるのか──『エビデンスを嫌う人たち: 科学否定論者は何を考え、どう説得できるのか?』 - 基本読書 by id:huyukiitoichi 2 増田...
・Turborepo 2.0リリースなど: Cybozu Frontend Weekly (2024-06-18号)
こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024/6/18 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げ...
・React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、202...
・デザインシステム浸透の取り組み:目安箱の運用とデザインシステム株主総会 - enechain Tech Blog
はじめに なぜ民主化か 目安箱の設置と対応件数 デザインシステム株主総会の開催 第一回:前期の事業報告と今期の事業計画について 第二回:プロダクトAで先行して実装した新・共通UIと今取り組むべきアクセシビリティ 第三回:プロダクトBで取り組んでいたカレンダーコンポーネントのFIXまでのプロセス振り返りとユーザ...
・slide-ai-codegen.md
slide-ai-codegen.md marp theme paginate true gaia true LLMによるフロントエンド生成自動化 mizchi | Plaid Inc TechFeed Expert Night 31 LLM 使ってますか? 便利ですよね ChatGPT / GitHub Copilot WebUI じゃなくて CLI で自動化したいですよね? 黎明期でまともにモジュール化しても無駄そうだし、 Deno の書き...
・AppleがiOS 18で「Car Play」に追加される機能や将来的な機能について語る
Appleは対応するカーオーディオやカーナビにiPhoneを接続してマップなどの各種アプリを使用可能にする「CarPlay」というシステムを提供しています。そんなCarPlayについて、iOSの次期メジャーバージョン「iOS 18」で追加予定の機能を紹介するムービーをAppleが公開しています。 次世代のCarPlayのデザインシステムの紹介...
・トップページデザイン:5つの基本原則
効果的なトップページとは、シンプルでアクセスしやすく、組織やサイトの目的を伝え、魅力的なコンテンツを表示し、ユーザーの行動を促すものである。 Homepage Design: 5 Fundamental Principles by Huei-Hsin Wang on March 15, 2024 日本語版2024年6月18日公開 トップページ(homepage)は、どのウェブサイトにおいて...
・キャリア台帳のE2EテストでPlaywrightを利用している話 - SmartHR Tech Blog
こんにちは、SmartHRでキャリア台帳の開発を担当しているプロダクトエンジニアのhosoyaです。 今日は、私たちがどのようにPlaywrightを使ってキャリア台帳のE2Eテストを実装しているかについてお話しします。 なぜPlaywright? E2Eの導入・運用の検討を始めた当時、SmartHRで運用されているE2Eは、Rspec x Selenium x Ca...