Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 なお、この記事では各項目の解説はあまり入れていません。2024年7月10日のClassmethod Odysseyで少し詳しく話そうと思っているので、よかったら聞きにきてください。オンラインなので無料です。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみC
こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM
SPA におけるアクセシビリティ課題について シングルページアプリケーション（SPA）は、1 つの HTML ファイルに対して JavaScript と Web API を活用して、ユーザーに素早いページ切り替えの体験を提供するウェブアプリケーションの一形態です。 しかし、SPA にはアクセシビリティの課題があります。例えば、視覚障害のあるユーザーが使うスクリーンリーダーという支援技術ではページが遷移したことを認識できないことがあります。これは、JavaScript を使ってページを切り替える際に発生する問題です。 具体的には、ユーザーがあるページから別のページへ移動した際、スクリーンリーダーが新しいページに移動したことを認識しないことがあります。 この問題を解決するために、JavaScript と WAI-ARIA という技術を使って、Route Announcer という方法があります
iPhone 15 Pro, iOS 17.5のVoiceOver環境で読み上げ操作を確認しています。 Pixel 7, Android 14のTalkBack環境で読み上げ操作を確認しています。 KindleブックはiOSのVoiceOver環境、AndroidのTalkBack環境で読み上げさせることができます。 Windowsアプリではスクリーンリーダーに依存せずに読み上げさせることもできます。 ただし、読み上げ可能なKindleブックは、 「Text-to-Speech（テキスト読み上げ機能）」が有効と表示されているものに限られます。 普段はスクリーンリーダーによる読み上げ機能を必要としていない人でも、Kindleブックを音声読み上げさせるためだけに、iOSやAndroidのアクセ シビリティ機能を活用している人たちは多いと聞きます。 今回モバイルOS向けのKindleアプリに加わ
アクセシビリティに対応したSlickの紹介 | 電脳情報局
オススメ！PICK UP Accessibility確認のブラウザー拡張機能 ソフト紹介2023年10月 2日 簡単実装：CSSだけでアコーディオン開閉させる CSS2022年5月 9日 jQuery：アコーディオンメニューをサクッと作りたい時のための記事 JavaScript2021年12月10日 スライダープラグインの王道「slick」でスライダーを実装する方法 スライダー2021年12月 8日 【Google Chrome】サイト全体をスクリーンショットする方法【拡張機能不要】 PC・スマホ（操作/設定）2020年10月29日 JavaScript はじめに アクセシビリティに対応したSlickを見つけたのでメモ書き・・ Slick Slider (1.8.1) のバージョンをベースに、 WCAG 2.0 / 2.1準拠にしてあるそうです。 accessible-slick 下記から
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能
モバイルOS向けKindleアプリに追加された本を読み上げる機能「アシストリーダー」｜voice_of_i