フロントエンドエンジニアの皆さん、「アクセシビリティ対応」って知っていますか？ （僕は1週間前まで知りませんでした...） 簡単にいうと 誰でも情報を手に入れることができるようにすること 目が見えなくても情報が伝わる・操作できる キーボードだけで操作できる 一部の色が区別できなくても情報を取得できる 音声コンテンツや動画コンテンツでは、音声が聞こえなくても何を話しているかわかる というように、身体的に障害を持っている方でもなに不自由なくWebアプリケーションを使うことができるようにすることです。 内閣府が定める 「合理的配慮の提供」は今まで民間事業者では努力義務でしたが、 2024年4月より義務 となりました。 「え！？ うちまだ対応できていないのだけど...」 となるかもしれませんが、日本の場合は現状、アクセシビリティ違反への罰則は比較的緩く、目立った訴訟などの案件は見られていません。
Last February, we released the first beta of jQuery 4.0.0. We’re now ready to release a second, and we expect a release candidate to come soon. This release comes with a major rewrite to jQuery’s testing infrastructure, which removed all deprecated or under-supported dependencies. But the main change that warranted a second beta was a fix to the exports field for bundlers. More on that and other c
CSS アンカー ポジショニング API のご紹介 | Blog | Chrome for Developers
CSS Anchor Positioning API は、「アンカー」と呼ばれる他の要素に対してネイティブに要素を配置できるため、ウェブ開発に大きな変革をもたらします。この API は、メニューとサブメニュー、ツールチップ、選択、ラベル、カード、設定ダイアログなど、多くのインターフェース機能の複雑なレイアウト要件を簡素化します。ブラウザに組み込まれたアンカーの位置により、サードパーティのライブラリに頼ることなく多層的なユーザー インターフェースを構築できるため、クリエイティブの可能性が広がります。 アンカーの位置は Chrome 125 から利用可能。 基本コンセプト: アンカーと配置された要素 この API の中核をなすのは、アンカーと位置付けされた要素の関係です。アンカーは、anchor-name プロパティを使用して基準点として指定された要素です。位置指定要素とは、position-
「岩倉アリア」レビュー：「マイ・ブロークン・マリコ」「夢の国から目覚めても」「お嬢さん」などに通じる、いま触れるべき女性同士の恋愛と連帯の物語 | Gamer
「岩倉アリア」レビュー：「マイ・ブロークン・マリコ」「夢の国から目覚めても」「お嬢さん」などに通じる、いま触れるべき女性同士の恋愛と連帯の物語 本作は「リアルファンタジー・サスペンスADV」を銘打つ、MAGES.にとって4年ぶりとなる完全新作アドベンチャーゲームだ。 舞台は1966年の日本。養護施設で育った北川壱子は、旧華族出身の紳士・岩倉周から提案を受け、彼の屋敷で女中として住み込みで働くことになる。そんな岩倉邸で、恐ろしいほどに美しい娘・岩倉アリアと出会った壱子。次第に惹かれ合っていく壱子とアリアだったが……？ ゲームデザインとしてはオーソドックスなノベルゲームと言える。ときおり表示される選択肢や屋敷の探索順などによってその後のストーリー展開が変化。エンディングでは33年後、49歳となった壱子が描かれる。ひと夏の岩倉邸での日々でどんな行動を取ったかによって、その後の壱子の人生が大きく変
知らないとやばい Webアクセシビリティ - Qiita
フロントエンドエンジニアの皆さん、「アクセシビリティ対応」って知っていますか？ （僕は1週間前まで知りませんでした...） 簡単にいうと 誰でも情報を手に入れることができるようにすること 目が見えなくても情報が伝わる・操作できる キーボードだけで操作できる 一部の色が区別できなくても情報を取得できる 音声コンテンツや動画コンテンツでは、音声が聞こえなくても何を話しているかわかる というように、身体的に障害を持っている方でもなに不自由なくWebアプリケーションを使うことができるようにすることです。 内閣府が定める 「合理的配慮の提供」は今まで民間事業者では努力義務でしたが、 2024年4月より義務 となりました。 「え！？ うちまだ対応できていないのだけど...」 となるかもしれませんが、日本の場合は現状、アクセシビリティ違反への罰則は比較的緩く、目立った訴訟などの案件は見られていません。
EC-CUBE4.2で管理画面で受注の入金日と出荷日を編集できるようにカスタマイズする方法です。 こんな感じに入金日と出荷日を編集できるようになります。 OrderTypeを拡張するOrderTypeExtensionを作成 OrderTypeを拡張するOrderTypeExtensionを作成します。 <?php namespace Customize\Form\Extension\Admin; use Eccube\Entity\Order; use Eccube\Entity\Shipping; use Eccube\Form\Type\Admin\OrderType; use Symfony\Component\Form\AbstractTypeExtension; use Symfony\Component\Form\Extension\Core\Type\DateTimeTyp
`; $el.appendChild(tooltipEl); } $el.querySelector('.tooltip').style.display = 'inline-block'; } }, hideTooltip($el) { if($el.querySelector('.tooltip')) { $el.querySelector('.tooltip').style.display = 'none'; } }, toggleTooltip($el) { if($el.querySelector('.tooltip')) { if($el.querySelector('.tooltip').style.display === 'none') { $el.querySelector('.tooltip').style.display = 'inline-block'; } else
デザインシステムの記事一覧
articlesTrendingAlltimeLatest🎨実装が公開されているデザインシステム一覧Hiromichi NOMATA1日前 5🎃明日から使えるTypeScriptの応用テクニックその3 -Polymorphic Component編-t_keshi2023/10/31 139🪐デザインシステムに準拠したコンポーネント駆動UI開発への取り組みpoteboy2022/11/14 257🎃ツクリンクのCSS設計と書き方あっきーinツクリンク2021/09/10 59🐶Tokens Studio(Figma Tokens) で小さくはじめるデザインシステムmi2022/06/25 235🐰デザインシステムをマルチフレームワーク(React/Vue.js)に対応させてみたartinレバテック開発部2ヶ月前 69⚡レバテックのデザインシステム「VoLT」が爆誕しましたかわう
アルツハイマー病に対する抗体薬使用に関する協働意思決定 - Neurology 興味を持った「脳神経内科」論文
協働意思決定（shared decision making：SDM）とは，患者さんと医師が協力して医療に関する意思を決定することです．図にようにパターナリズムとも，インフォームドコンセントとも異なる，現代のスタンダードです．先日，認知症診療のエキスパートの先生がたと「アミロイドβ抗体薬の使用に関するSDM」について議論しました．以下，自分なりに勉強したり考えたりしたことをまとめました．このSDMはかなり難しいと言うのが本音です．週末に岐阜で開催される「第14回脳血管・認知症学会総会」の大会長講演で，その一部をさらに深く考えて議論するつもりです． 図．リハビリスクエアより引用 １）アミロイドβ抗体薬に関するSDMの難しさ ◆SDMを大きく左右するのが「医師の説明」である．抗体薬の効果をどう説明するかはそれぞれの医師の解釈にかかっている．しかし抗体薬の効果に対する解釈は実はさまざまである． ◆
こんにちは PR TIMES開発本部のインターンの Chanoknan です。 PR TIMES のトップページのアクセシビリティ改善に取り組みました。具体的にどのような改善を行ったのかについてお話しします。 アクセシビリティとは？ アクセシビリティとは、ウェブサイトやアプリケーションをすべての人が利用できるようにすることを指します。ここで「すべての人」とは、視覚や聴覚に障害のある人、高齢者、身体的な制約のある人、さらには一時的な障害（例：腕を骨折している、騒がしい場所にいる）を持つ人々も含まれます。アクセシビリティの目標は、誰もが情報に平等にアクセスし、操作できることです。 what’s changed? PR TIMES のトップページで行ったアクセシビリティ改善について、具体的な内容を紹介します。 PR TIMES のトップページはPHP, Smarty, jQuery からNext
アコーディオンメニューを実装する際に、こんな感じでdivタグで実装してませんか？ <div class="accordion">セクション1</div> <div class="panel"> <p>コンテンツ1</p> </div> これ、アクセシビリティ的にはかなり微妙で、私の出しているコーディング演習課題ではレビューでの指摘対象にしています。 ありさちゃん え、普通にネット上のコピペして、aタグとかdivで作ってましたけど・・・ こういう方が大半かと思います。 そこで今回は、HTMLの<details>と<summary>要素を使った、令和に最適なアコーディオンメニューの作り方について解説します。 また、デフォルトではアニメーションがつけにくいので、そこの解説もします。 私は毎日仕事でコードレビューを行っており、details/summaryを使って実装されている方はまだ半分もいない
Selenium×Pythonで実現するログイン自動化 #Office365 - ぼっちエンジニアの備忘録
Webブラウザを用いた操作の自動化は、さまざまな業務を効率化するために不可欠。 例：定期的に更新されるデータの収集や、指定のサイトからファイルを自動的にダウンロード…etc 本記事では、PythonとSeleniumを組み合わせて、Office365にアクセス、ログイン処理までの捜査を自動化する方法について解説する 必要なライブラリのインストールとインポート まず、必要なライブラリをインストールし、インポートする必要がある。以下のライブラリを使用する。 os time selenium webdriver_manager pytesseract インポートのコードは以下の通りである。 import os import time from selenium import webdriver from selenium.webdriver.edge.service import Service
どうも。 グローバル・ベストアルバム・プレイリスト、まだまだ続きます。（10）まで行く予定です。 今度は、これは難しくて時間かかりました。東欧！これはあんまり日本語では見た事ないんじゃないかと思います。非常に貴重なので注目してください。 では、いきます。北欧の時と違って、これは国、混ぜていきます！ To Właśnie My/Czerwone Gitary (1966 Poland) Ezek A Fiatalok/Soundtrack (1967 Hungary) Dreams/Gábor Szabó (1968 Hungary) Czy Mnie Jeszcze Pamiętasz?/Niemen (1968 Poland) Pták Rosomák/Olympic (1968,Czech) Matadors/The Matadors (1969 Czech) 10000 Iépés/
アルツハイマー病に対する抗体療法の課題と将来の展望 ―３つの疑問― - Neurology 興味を持った「脳神経内科」論文
第14回日本脳血管・認知症学会総会は歴代2番目という多くの皆様にご参加いただき，大変有意義な議論をさせていただきました．ご参加いただきました皆様に感謝申し上げます． さて私は標題の大会長講演をさせていただきました．このなかで抗体療法を行うかどうか患者さんと「協働意思決定」する場合生じる3つの疑問について深く考えてみました． １）病態抑止とはそもそも何なのか？（従来の薬剤と何が異なると説明すればよいのか？従来の薬剤と比較してみよう） ２）２つの副作用（ARIAと脳萎縮）をどのように考えたらよいのか？（ARIAの本態は何なのか？アミロイドβは本当に単なる悪玉か？） ３）診療に必要なApoE遺伝子検査をどうすればよいか？（保険収載を求めなくてよいのか？遺伝子診断の結果を開示するか否か？） 以下よりスライドをご覧いただけます．抗体薬の協働意思決定は勉強すればするほど難しいです．医療者のみならず，倫
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知らないとやばい Webアクセシビリティ - Qiita
Second Beta of jQuery 4.0.0 | Official jQuery Blog
【EC-CUBE4.2】管理画面で受注の入金日と出荷日を編集できるようにカスタマイズする方法 - あずみ.net
#24 タイミー上場の分析-前編（資本政策） - スタートアップ税務AtoZ
PR TIMES のトップページ のアクセシビリティ改善をしました。 | PR TIMES 開発者ブログ
detailsとsummaryタグで作る最適なアコーディオンメニュー【JSでのアニメーションも解説】｜しょーごログ
グローバル・ベストアルバム・プレイリスト(６)東欧の50枚｜THE MAINSTREAM(沢田太陽)