並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 18 件 / 18件

新着順 人気順

AXEの検索結果1 - 18 件 / 18件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

AXEに関するエントリは18件あります。 accessibilityテストアクセシビリティ などが関連タグです。 人気エントリには 『axe-core/playwrightとmarkuplintを導入しアクセシビリティの自動テストをできるようにした』などがあります。
  • axe-core/playwrightとmarkuplintを導入しアクセシビリティの自動テストをできるようにした

    Web アクセシビリティに興味があったので、まず機械的なチェックツールから学んで知識を増やそうということでこのサイトに @axe-core/playwright と markuplint を導入してみました。 @axe-core/playwright のセットアップ 既に Playwright が導入されている状況を想定し進めます。まず@axe-core/playwright をインストールします。 pnpm add -D @axe-core/playwright このサイトの場合 VRT として Playwright を動かしているテストがあるので(過去資料)、そのプロセスに同居する形で axe を実行することにしました。 e2e.test.tsimport AxeBuilder from "@axe-core/playwright"; import type { Page, TestI

      axe-core/playwrightとmarkuplintを導入しアクセシビリティの自動テストをできるようにした
    • @axe-core/playwright によるアクセシビリティテストの自動化

      @axe-core/playwright によるアクセシビリティテストの自動化 2024.08.18 axe-core は axe というアクセシビリティテストツールのコアエンジンで、オープンソースとして提供されています。この記事では、E2E テストフレームワークの Playwright と axe-core を組み合わせて使用して、アクセシビリティテストを自動化する方法について紹介します。 今書いているコードがアクセシビリティ上の問題を持っていないかどうかを確認するために、Lint ツールによる機械チェックが有効です。eslint-plugin-jsx-a11y や Markuplint といったツールを導入することで、コンポーネント単位で静的にコードを解析してアクセシビリティの問題を検出できます。このような Lint ツールは、code を書いている最中に即座にフィードバックを受けるこ

        @axe-core/playwright によるアクセシビリティテストの自動化
      • ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト | Accessible & Usable

        公開日 : 2021年2月23日 (2022年7月1日 更新) カテゴリー : アクセシビリティ Deque Systems, Inc. が開発、公開している、「axe」というウェブアクセシビリティ検証ツールがあります。Chrome、Firefox、Edge の拡張機能がリリースされており、各ブラウザの開発者ツールで使用することができます。 ウェブアクセシビリティ検証ツール「axe」(Chrome 拡張機能) の表示例 axe はとても便利なツールですが、ブラウザの拡張機能として使用する場合、1ページずつ開いてアクセシビリティを検証する、という形になります。検証対象サイトのページ数が多い場合、面倒に感じることもあるかもしれません。 axe では、コアエンジン「axe-core」もオープンソースで公開されているので、これを応用することで、ブラウザ自動操作ツールを介してウェブサイト (複数のウ

          ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト | Accessible & Usable
        • Amazon 激安ピックアップ 調査第15回 HOMELAND Everything Axe Set風 | ギターいじリストのおうち

          生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け!

            Amazon 激安ピックアップ 調査第15回 HOMELAND Everything Axe Set風 | ギターいじリストのおうち
          • axeを活用して、アクセシビリティをちゃんと理解しなくても、アクセシビリティを担保したhtmlを書く

            アクセシビリティにはあまり詳しくないので、アクセシビリティ上問題があるコードを書いてしまっても気づくことがこれまでできませんでしたが、axe を使用することでアクセシビリティをある程度担保したコードを書けているかテストをできるようになりました。 jest-axe ・ @axe-core/playwright を使用したテストを CI で回すことで、アクセシビリティを継続的に担保していくことができます。 jest axeを活用してコンポーネントのアクセシビリティ担保 jest-axeを使用することでコンポーネント単位でアクセシビリティテストをできます。 コンポーネント単位でテストができることで、1 つ1つアクセシビリティ的に正しいコンポーネントを作ることができ、小さい単位でアクセシビリティの改善をしていくことができるので既存プロジェクトにも導入がしやすいです。 jest-axe のセットアッ

              axeを活用して、アクセシビリティをちゃんと理解しなくても、アクセシビリティを担保したhtmlを書く
            • THE AXE THROWING BAR®︎(斧投げバー)|斧投げやシーシャを楽しむ新感覚スポーツバー!アックススローイングバー

              THE AXE THROWING BAR®️ かつてないエキサイティングを 求めて、「斧投げバー」日本初上陸。

                THE AXE THROWING BAR®︎(斧投げバー)|斧投げやシーシャを楽しむ新感覚スポーツバー!アックススローイングバー
              • axe DevToolsを使用したアクセシビリティー・チェック — freeeアクセシビリティー・ガイドライン Ver. 202408.0-RELEASE+5.0.2

                axe DevToolsは非常によく使われているアクセシビリティー・チェック・ツールです。基本機能がaxe-coreとして実装されているため様々な方法で使用することができますが、ここではブラウザー拡張機能として利用して、出来上がっているWebページのアクセシビリティーの対応状況をチェックする方法を紹介します。 なお、axe DevToolsを用いた具体的なチェックの実施方法については、axe DevToolsを用いたチェック実施方法の例を参照してください。また、axe DevToolsのルールと当ガイドラインの対応も合わせて参照してください。 axe DevToolsのインストールと起動の仕方 ChromeウェブストアからChrome拡張をインストールできます。 axe DevTools - Web Accessibility Testing - Chrome ウェブストア axe Dev

                  axe DevToolsを使用したアクセシビリティー・チェック — freeeアクセシビリティー・ガイドライン Ver. 202408.0-RELEASE+5.0.2
                • ジェフ・ベックのアルバム「Blow by Blow ブロウ・バイ・ブロウ」『ギター殺人者の凱旋』(The Return of Axe Murderer)を人生の意味とともに聴く?! - あい青子 毎日幸せを感じる「懐かしい曲」「思い出」「物の手ばなし」のススメ

                  『ブロウ・バイ・ブロウ』 (Blow by Blow) ジョージ・マーティンのプロデュース このアルバム、プロデュースがジョージ・マーティンなんですね 「5人目のビートルズ」とも言われたジョージ・マーティンですよね いったい私は、どんなロックの聴き方をしていたんだろう? アーティスト名や、プロデューサー名、全部ダメダメです 何も知らない。。。 知ったところで覚えていられない だから、今も何度目かで知ったのに、初めて知ったと思い込み喜んでいるのかもしれませんね リチャード・ベイリーのドラム 下記のワールド・ロック・フェスのジェフ・ベックのドラムが、バーナード・パーディだったのが、凄い!ということも、 ブログで教えていただくまで知らなかったです。。。 何だか全てが「ブタに真珠」の私 「宝の持ち腐れ」ですよねえ とはいえ、 このレコード「ブロウ・バイ・ブロウ」は宝物なんです ドラムはリチャード・

                    ジェフ・ベックのアルバム「Blow by Blow ブロウ・バイ・ブロウ」『ギター殺人者の凱旋』(The Return of Axe Murderer)を人生の意味とともに聴く?! - あい青子 毎日幸せを感じる「懐かしい曲」「思い出」「物の手ばなし」のススメ
                  • 【日本初上陸】斧投げBAR「THE AXE THROWING BAR 浅草店」が、いよいよ2月1日(月)にオープン!!

                    【日本初上陸】斧投げBAR「THE AXE THROWING BAR 浅草店」が、いよいよ2月1日(月)にオープン!! 株式会社BrickWall (本社:東京都新宿区、代表取締役社長:河東誠) は、2021年2月1日(月)から、東京都浅草にて、アメリカで流行中の斧投げBAR「THE AXE THROWING BAR 」が日本初上陸することをお知らせいたします。 (THE AXE THROWING BAR 公式サイト:https://theaxethrowingbar.com/) ■ THE AXE THROWING BAR とは THE AXE THROWING BARは、ダーツバーのような感覚でお酒とフィンガーフードを片手に、アメリカを中心に流行中の新種のスポーツ"AXE THROWING(斧投げ)"を楽しむことができる、スポーツBARとなります。 AXE THROWINGのレーン B

                      【日本初上陸】斧投げBAR「THE AXE THROWING BAR 浅草店」が、いよいよ2月1日(月)にオープン!!
                    • Attention_on_deck on Twitter: "???なにが同根なのか。自衛隊が迷彩服でわざわざ街中をパレードしないと誰か困るのか?公共の場における多言語表示のような、公共性の観点から当然配慮すべき事柄と同一視するのはちゃんちゃらおかしい。 https://t.co/aXe8yPVmMh"

                      ???なにが同根なのか。自衛隊が迷彩服でわざわざ街中をパレードしないと誰か困るのか?公共の場における多言語表示のような、公共性の観点から当然配慮すべき事柄と同一視するのはちゃんちゃらおかしい。 https://t.co/aXe8yPVmMh

                        Attention_on_deck on Twitter: "???なにが同根なのか。自衛隊が迷彩服でわざわざ街中をパレードしないと誰か困るのか?公共の場における多言語表示のような、公共性の観点から当然配慮すべき事柄と同一視するのはちゃんちゃらおかしい。 https://t.co/aXe8yPVmMh"
                      • Bar TRENCH – Small Axe Inc.

                        BAR TRENCH  営業時間 本館(DISビル1F)は6 p.m~2 a.mで無休です。ご予約はお受けしておりません。 The main bar TRENCH (1st floor of the DIS building) is open from 6 p.m. to 2 a.m. every day. Sorry, we don’t take reservations. TRENCHは2010年にBar Tramの2号店としてオープンした、裏通りのとても小さなお店です。黒を基調とした極小空間は、ガラス張りの路面店でありながら隠れ家のような雰囲気があります。Tramの系譜を受け継ぎ、薬草酒やアブサンなど変わった品揃えを踏襲しています。ご来店されるほとんどの方がカクテルをオーダーされます。 店名の”TRENCH”は”塹壕”の意です。少しのあいだ身を潜め、再び前進していくため、仲間と作戦を

                        • Wi-Fi 6E対応のUSBアダプタ「AXE3000」がNETGEARから、価格は18,300円

                            Wi-Fi 6E対応のUSBアダプタ「AXE3000」がNETGEARから、価格は18,300円
                          • 英英辞典読み 73ページ目:awareからaxeまで - 英語で世界を広げたい!~英語学習&見聞録~

                            今日も楽しく英英辞典読み! ・ ・ ・ これまでも何度か書いているのですが、英英辞典を1ページ読んで気になった単語を語彙力UPテストの形にして記事をアップするだけだと、読む時間を含めてだいたい10分位で終わります。 過去記事から復習テストを作る場合でも、合計15分位かな。 これに対して、TEDを観たり、本を読んだりして、その感想を記録しようとすると、下手をすると1時間位かかります。 ブログに書くことで記憶に残りやすくなるので、無駄ではない(と信じたい)のですが、限られた時間を何に振り分けるか、日々悩みながらやっています。 やりたいことを全部ちゃんとやろうとすると、だいたい寝る時間が遅くなって、翌朝遅くなってしまいます…(だったら早起きして一部朝に回したほうがおそらく効率いいんですが、なかなかそうできてないです)。 一日48時間あればいいのに、と思いますが、時間は全人類平等なので、限られた資

                              英英辞典読み 73ページ目:awareからaxeまで - 英語で世界を広げたい!~英語学習&見聞録~
                            • GitHub - chanzuckerberg/axe-storybook-testing: Command line interface for testing Storybook stories for accessibility.

                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                GitHub - chanzuckerberg/axe-storybook-testing: Command line interface for testing Storybook stories for accessibility.
                              • 斧投げBAR「THE AXE THROWING BAR 浅草店」オープン

                                2021年2月1日(月)から、東京都浅草に、アメリカで流行中の斧投げBAR「THE AXE THROWING BAR 」が日本初上陸した。 THE AXE THROWING BARは、ダーツバーのような感覚でお酒とフィンガーフードを片手に、アメリカを中心に流行中の新種のスポーツ"AXE THROWING(斧投げ)"を楽しむことができる、スポーツBAR。 2019年5月1日に日本初上陸した、物が壊せる等のエンターテイメントサービスが体験できる"REEAST ROOM 浅草店"を改装し、日本初となる斧投げBAR "THE AXE THROWING BAR 浅草店"へと生まれ変わります。 店舗名: THE AXE THROWING BAR 浅草店 住所:〒111-0043 東京都台東区駒形1丁目2-13 1F、B1 ​アクセス:都営大江戸線蔵前駅A5出口から徒歩2分、浅草駅から徒歩8分 電話番号

                                  斧投げBAR「THE AXE THROWING BAR 浅草店」オープン
                                • TP-Link、Wi-Fi 6E対応ルーター「Archer AXE75」

                                    TP-Link、Wi-Fi 6E対応ルーター「Archer AXE75」
                                  • axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました

                                    @axe-core/puppeteer を使用して、テキストファイルで作成した URL リストに対して自動的にアクセシビリティテストを実行し、その結果を HTML ファイルとして保存するスクリプト 「axe-auto-reporter」 を公開しました。 「axe-auto-reporter」 という (名前に全くひねりがない)、@axe-core/puppeteer を使用して、テキストファイルで作成した URL リストに対して自動的にアクセシビリティテストを実行し、その結果を HTML ファイルとして保存するスクリプトを GitHub で公開しました。 所謂、黒い画面 (CLI) で操作しますがテストしたい URL のリストをテキストファイルで作って、あとはコマンド 1つ実行するだけなので、多分ほとんどの人にとって難しくないと思います。 burnworks/axe-auto-repor

                                      axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました
                                    • TP-Link、アンテナが動いて自動調整「AXE200 Omni」などWi-Fi 6Eルーターを披露

                                      米ラスベガスで間もなく開幕するIT・家電見本市「CES 2022」で、TP-Linkが2022年に発売する予定のWi-Fi 6E対応ルーターを展示する。「Archer AXE200 Omni」はアンテナが自動的に動いて安定した通信を保つ。「Archer AXE300」はクアッドバンドで一段と高速な通信を可能にし、「Deco XE200」はWi-Fi 6Eメッシュを構築する。 Archer AXE200 Omni Wi-Fi 6Eは、2.4GHz帯と5GHz帯の既存バンドに加えて、世界各国で開放が進む6GHz帯を利用するWi-Fi 6の拡張版規格だ。Wi-Fi 6E対応デバイスは、追加される14の80MHzチャンネルと7つの160MHzチャンネルでの稼働が可能になり、重複や干渉が少なくより広い帯域幅で、高解像度のAR/VRや8Kストリーミングといった次代の成長が予想されている分野に対応する。

                                        TP-Link、アンテナが動いて自動調整「AXE200 Omni」などWi-Fi 6Eルーターを披露
                                      1

                                      新着記事