並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 17 件 / 17件

新着順 人気順

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

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

AXEに関するエントリは17件あります。 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®︎(斧投げバー)|斧投げやシーシャを楽しむ新感覚スポーツバー!アックススローイングバー

              2025.01.07 Japan Axe Throwing BullMag Championship 2025」を2月22日(土)、23日(日)に開催決定!Japan Axe Throwing WATL Marathon League 2025を東京、愛知、大阪で開催決定!

                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)を人生の意味とともに聴く?! - Arigato 毎日幸せを感じる「懐かしい曲」「思い出」「物の手ばなし」

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

                    ジェフ・ベックのアルバム「Blow by Blow ブロウ・バイ・ブロウ」『ギター殺人者の凱旋』(The Return of Axe Murderer)を人生の意味とともに聴く?! - Arigato 毎日幸せを感じる「懐かしい曲」「思い出」「物の手ばなし」
                  • 【日本初上陸】斧投げ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日(月)にオープン!!
                    • 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」
                                • 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ルーターを披露
                                  • 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 というアクセシビリティ自動テストのためのスクリプトを公開しました
                                    1

                                    新着記事