Musician Keigo Oyamada, better known as Cornelius, said he felt ‘deep regret’ over his past actions. Photograph: Atsushi Tomura/Getty Images
A Japanese musician who boasted about abusing mentally-ill classmates when at school has quit his role as part of the creative team for the Tokyo Olympics opening ceremony after outcry at his appointment. Keigo Oyamada, better known by his stage name Cornelius, was last week named as one of the music composers for the opening ceremony after a career spanning more than 25 years. That announcement s
フォーム送信中にinput要素やbutton要素をdisableにしてデータが帰って来たら有効に戻すというのは多分よくやっていると思いますが、fieldset 要素一つで一括でdisabledにできる方法を最近知ったので、シェアしておきたいと思います。 普段👇 <div> <input disabled={loading} type="email" name="name" /> </div> <div> <input disabled={loading} type="password" name="password" /> </div> <div> <input disabled={loading} type="submit" value="submit" name="button" /> </div> <fieldset disabled={loading}> <div> <input
「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありませんHTMLアクセシビリティWAI-ARIA 最近、「アクセシビリティを向上させたいなら、HTMLの disabled 属性ではなく、aria-disabled 属性を使うべき」という主張を見かけますが、本当にそうなのでしょうか? disabled属性を使っていても、スクリーンリーダーで要素を知覚できる そのような主張をしている人、それを受け止めた人の中には「 disabled 属性を使った要素はスクリーンリーダで読めなくなる」と誤解している人が少なからず存在するように思われます。しかしこれは正しい理解ではありません。 たしかに、disabled属性を付加している button 要素や input 要素、 select 要素、 textarea 要素は、Tabキーによるフォーカスはでき
はじめに フロントエンドエンジニアのみなさん、 要素を非活性にする際、disabled=trueを使っていませんか? アクセシビリティ的にそのやり方は良くないです。 最近、アクセシビリティに配慮したアプリケーションの開発に携わっています。 その中でシニアエンジニアから頂いたフィードバックについて共有したいと思います。 結論 disabled=true ではなく aria-disabled=true を使う disabledの場合 disabledが付与されている要素はフォーカスができません。 そのため、キーボードを用いて操作しているユーザーにとって、 要素の存在を認知しにくいものにしてしまいます。 (フォーカスできない要素は存在しない要素とほぼ同義だから) ちなみにテキストフィールドをdisabledにすると上記のように、ボタンのフォーカスがスキップされ、スクリーンリーダーでも検知すること
はじめに みなさんは、フォームなので必須項目が入力されてない時、Submitボタンに disabled をつけて押せないようにしていませんか? この記事では、ボタンにdisabled属性をつけない方がいい理由とdisabledをつけない方法を紹介します。 disabled属性をつけない方がいい理由 disabled 属性をつけると、ユーザーがボタンを操作することを防ぎます。 そのため、キーボード(Tabキー等)で操作している時フォーカスが当たらないため、ボタンの存在が認知できません。 disableがない時 disableがある時 ボタンの存在が認知できないため、支援技術(スクリーンリーダ等)で操作しているユーザーにとって、「送信ボタンどこだろう?」と思ってしまったり、「なんで送信ボタンが出てこないんだろう?」と思ってしまい、操作を完了させることができなくなります。 aria-disabl
TOKYO — The Japanese musical maverick who composed some of the score for the opening ceremony of the Tokyo Olympics has apologized after revelations that he bullied disabled classmates recently resurfaced. The composer, Keigo Oyamada, also known as "Cornelius," boasted to Japanese magazines in the 1990s about how he had tormented fellow students. The boasts came back to haunt him less than a week
When my uncle was elected President, I recognized what a highly privileged position I would be in. I would have some access to the White House. And as long as that was true, I wanted to make sure I used that access for something positive. I was eager to champion something my wife, Lisa, and I were deeply passionate about, something we lived every day: the challenges for individuals with intellectu
The support for the Transport Layer Security (TLS) protocol’s version 1.0 and 1.1, deprecated since Firefox 71, has been removed from all the channels as of Firefox 74 78. All major browsers are going to drop the support for the older versions of TLS in early 2020. Make sure to enable TLS 1.2 or 1.3 on your web server, otherwise Firefox will show the Secure Connection Failed error page to prevent
TOKYO (Reuters) - Japan erupted with online anger Wednesday after Prime Minister Shinzo Abe, who won’t reveal guests at a controversial party due to “respect for privacy,” told Parliament the operator of a shredder that destroyed the guest list was disabled. FILE PHOTO: Japan's Prime Minister Shinzo Abe speaks at the ASEAN-Japan Summit in Bangkok, Thailand, November 4, 2019. REUTERS/Soe Zeya Tun O
2019年12月16日 .is-disabled(class属性)ではなく:disabledまたはaria-disabledを使おう! UI開発者 寒川 この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの16日目の記事です。 突然ですが、みなさんはボタンなどを非活性状態にする場合はどのように行っていますか? button要素の場合はdisabled属性で以下のようにします。 <button type="button" disabled>メニュー</button> 上記のようにマークアップするとTabキー操作によるフォーカスはされなくなり、スクリーンリーダーでは「ボタン使用不能 メニュー」や「メニュー 無効 ボタン」といった形で読み上げられ、非活性状態であることを伝えることができます。 では、disabled属性を使えない要素の場合はどのように対処すべきでしょうか。 以
はじめに <input> 要素の disabled 属性 と readonly 属性の違い readonly 属性が有効なのはテキストコントロールに限られる <select> 要素の readonly 属性 readonly 属性が効かないコントロールで readonly を模倣する4つの方法 (1) option 要素を disabled 指定する (2) select コントロールの操作を無効化する (3) disable 指定して hidden で値を送信する (4) disable 指定して Submit 時に有効化する まとめ はじめに HTML 要素の disabled 属性と readonly 属性は、うっかりと間違った使い方をしてしまいがちです。 この記事では属性の挙動の違いを説明し、編集不可コントロールの正しい扱い方について見ていきます。 なお、ここでは以下の HTML
The Olympic rings are seen in front of Tokyo's iconic Rainbow Bridge and Tokyo Tower at Odaiba Marine Park on January 20, 2020 in Tokyo - Composer who abused disabled classmates and forced them to carry out sex acts will still feature in Olympics opening ceremony - GETTY IMAGES A Japanese musician who boasted about abusing mentally-ill classmates when at school has quit his role as part of the cre
Tokyo 2020 Olympic Composer Tortured Disabled Children; Japan Says To The World, “Eat shit, no problem” by Jake Adelstein and Chihiro Kai The Tokyo 2020 Olympics and Paralympics are turning into a coronavirus spreading festival of bullies. Despite allegedly having a theme of harmony and diversity, the Olympics appear more and more to be symbolic of cruelty and callousness. The latest case in point
Update as of 08/10/2022: We are updating the timeframe for disabling TLS 1.0 and TLS 1.1 by default for Internet Explorer and EdgeHTML, the rendering engine for the WebView control. TLS 1.0 and TLS 1.1 will be disabled by default for both starting September 20, 2022. Organizations that wish to disable TLS 1.0 and TLS 1.1 before that date may might do so using Group Policy. The Microsoft Edge Legac
button要素を非活性にする場合にdisabled属性がよく利用されます。 ただしdisabled属性には問題があってボタンにフォーカスが当たらなくなります。 フォーカスが当たらないとUI要素として認識がされにくいですのでフォーカスを当てた上で非活性であることを明示しようというのが本記事の意図です。 aria-disabledを利用する 基本的な対応は参照した記事に書かれている通りaria-disabled属性を利用するです。 ただ、以下のように普通に利用するだけではクリックイベントが実行されてしまいます。 <button aria-disabled onClick={() => console.log('click')}> ボタン </button> これを回避するためにButtonコンポーネントを作成してaria-disabled属性を受け入れる準備をしていきましょう。 クリックイベ
Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled. There are lots of use cases where a disabled button makes a lot of sense, and we’ll get to those reasons in just a moment. But throughout this article, we’ll be looking at a form that allows
Linux Daily Topics “ia32_disabled”な世界へ ―SUSEエンジニア、オプションで32ビットサポートを無効化するパッチを提案 32ビット(IA32)をいつまでorどこまでサポートするか ――ここ数年、多くのLinuxディストリビュータやカーネル開発者がこの問題に頭を悩ませてきた。実際、ほとんどのディストリビュータが「i386のISOイメージが必要とされることはほとんどない」という認識で一致しているものの、現実には組込み業界など32ビットシステムを継続的に使用しているケースは少なくない。ハードウェアは64ビット、カーネルも64ビットだが、アプリケーションは32ビットを利用し続けているというユーザも存在するため、ベンダにとって32ビットサポートの完全終了を宣言することはなかなか難しい。どの世界でもレガシーとの決別はそう簡単にはいかないのである。 SUSEもまた、
Salesforce is a CRM (customer management system) and web service used all over the world.Although it is a SaaS service, it can be customized to a certain extent, so many companies use it for purposes other than sales. Salesforce has a function to create "report". Although it is inferior in terms of functionality compared to various BI tools, it is convenient to be able to create tables and graphs
We are now at 100 days since the decision to disable the XMLRPC search endpoint. Traffic to the endpoint has not subsided in any substantial way and we have not heard from any of the parties who continue to issue hundreds of thousands of search calls per hour. As such, XMLRPC search will be permanently disabled. The XMLRPC Search endpoint remains disabled due to ongoing request volume. As of this
Japan PM Slammed for Revealing Operator of Document Shredder in Scandal Was Disabled TOKYO — Japan erupted with online anger Wednesday after Prime Minister Shinzo Abe, who won't reveal guests at a controversial party due to "respect for privacy," told Parliament the operator of a shredder that destroyed the guest list was disabled. Opposition lawmakers allege Abe favored supporters with invites to
React.jsを使っていてIE 11固有の問題に遭遇してしまったので共有しておく。 遭遇した問題 下記のようなコードを書いていた。 class Sample extends React.Component { constructor(props) { super(props); this.state = { selected: false; }; this.handleChange = this.handleChange.bind(this); } render() { return ( <input disabled={true} type="radio" checked={this.state.selected} onChange={this.handleChange} /> ); } handleChange(e) { this.setState({ selected: true
Korean news organization JTBC recently discovered through an in-depth investigation that KT Corporation, one of the largest telecom providers in South Korea, deliberately infected over 600,000 users with malware over their use of torrent services. The issue began in May 2020 when Webhard, a Korean cloud service provider, was inundated with user complaints of unexplained errors. The company discove
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く