投稿時間:2023-02-25 23:12:53 RSSフィード2023-02-25 23:00 分まとめ(15件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
python Pythonタグが付けられた新着投稿 - Qiita フィッシャーの正確検定の代わりに二項検定を使う方法 https://qiita.com/okumakito/items/b05914b967d41f04e769 aasubsetequ 2023-02-25 22:39:40
python Pythonタグが付けられた新着投稿 - Qiita 【Python】辞書の重複を排除する https://qiita.com/yudai2929/items/4e7db98653dc758d71f2 userlistid 2023-02-25 22:23:55
AWS AWSタグが付けられた新着投稿 - Qiita AWSアカウントの作成 https://qiita.com/hanaden/items/d34e08951b337c51e7ff 検証 2023-02-25 22:47:21
AWS AWSタグが付けられた新着投稿 - Qiita AWS Hands-on for Beginners Amazon EC2 Auto Scaling スケーリング基礎編:学習メモ https://qiita.com/kenryo/items/20c278b3d770f7b8c98e amazonecautoscaling 2023-02-25 22:43:33
AWS AWSタグが付けられた新着投稿 - Qiita AWS CloudFormationでEC2インスタンスを立ち上げてmysqlコマンドをインストールするまでの備忘録 https://qiita.com/ismt7/items/b93909781034caa86188 cloudforma 2023-02-25 22:11:30
golang Goタグが付けられた新着投稿 - Qiita Goで並列処理実装してみた https://qiita.com/kyoto-kanko/items/72616efce7de0c850195 goroutine 2023-02-25 22:54:44
技術ブログ Developers.IO Amazon Linux 2023 のRC版(RC0) が公開されました https://dev.classmethod.jp/articles/amazon-linux-2023-rc0/ linuxreleasenotesupdat 2023-02-25 13:08:33
海外TECH MakeUseOf 5 Online Communities to Help You Find Meditation Groups https://www.makeuseof.com/online-communities-help-find-meditation-groups/ group 2023-02-25 13:16:15
海外TECH DEV Community 5 Rules of ARIA https://dev.to/konrud/5-rules-of-aria-40i Rules of ARIAHave you ever heard about ARIA It might sound weird and maybe even intimidating at first In this post I d like to talk about the essential rules of ARIA What does ARIA stand for Let s start first from the meaning of this acronym ARIA stands for Accessible Rich Internet Applications It s a set of roles and attributes that define ways to make web content and web applications especially those developed with JavaScript more accessible to everyone There are essential rules of ARIA First Rule Don t use ARIA unless you don t have a choice It might sound a bit counter intuitive but rather than creating our own custom elements and trying to make them accessible by adding ARIA attributes we should use native HTML elements instead Instead of creating a button using lt div gt lt div role “button tabindex “ aria pressed “false gt Open lt button gt It d be much better to use native HTML lt button gt instead lt button type “button gt Open lt button gt If we can use a native HTML element then we should do so We should reach out to ARIA as a last resort Second Rule Prefer native semantics over ARIAWe should always prefer native HTML elements over custom elements with ARIA attributes Let s say we d like to create a title In such case it d be better if we use a native lt h gt HTML element rather than a lt div gt with ARIA attributes Not a good idea lt div role heading aria level gt Title text lt div gt We should prefer to use native HTML elements instead lt h gt Title text lt h gt NOTE If we create an interactive element let s say a lt button gt using lt div gt In addition to using proper ARIA attributes we will need to add appropriate interaction behavior e g click handler using JavaScript That s why in the case of a lt button gt it is much better and easier to just use a native element lt button type “button gt Open lt button gt Third Rule All interactive elements must be usable with the keyboardAll interactive elements whether it be a custom element we created or a native HTML element must be usable with both a mouse and a keyboard If we created a widget that can be clicked tapped dragged slid or scrolled A user should be able to use it with both a mouse and a keyboard If using role button on a custom element the element must be able to receive focus and a user must be able to activate the action associated with the element using both the enter on WIN OS and the space key Fourth Rule Do not use role presentation or aria hidden true on a focusable elementUsing role presentation or aria hidden on a focusable element might result in some users focusing on it and getting inaccurate information In some cases users won t even be able to discover such elements Using either of these on a focusable element might result in some users focusing on nothing lt button role “presentation gt press me lt button gt lt button aria hidden “true gt press me lt button gt NOTE Setting aria hidden on a parent ancestor element of a visible interactive element e g lt button gt will also hide an element from assistive technologies e g screen reader lt div aria hidden true gt lt button gt press me lt button gt lt div gt NOTE We can use aria hidden on an element as long as it s not focusable We can set tabindex on a focusable element that will remove it from the tab order so it won t be focusable by a keyboard but we can still be able to focus it using JavaScript if we want to tabindex removes the button from the tab order lt button tabindex “ aria hidden “true gt press me lt button gt NOTE If we use display none or visibility hidden either on an element or on the element s ancestor  it won t be focusable and will be removed from the accessibility tree That is screen readers won t be able to discover it In such case we don t need to add aria hidden or negative tabindex on such an element CSS hidden btn display none HTML lt button class “hidden btn“ gt press me lt button gt Fifth Rule All interactive elements must have an accessible nameAccessible name is a name of a UI element Each platform has its own accessibility API which provides such property The value of the accessible name may be derived from a visible or invisible property on an element Visible property visible text of an element Let s say a visible text on a button Invisible property ARIA attributes such as aria label or aria labelledbyLet s take a look at a few examples so we can understand it better Here the text press me is the visible text of the lt button gt and as such can be used as an accessible name lt button gt press me lt button gt When the lt button gt receives focus a screen reader may announce something like press me button concatenating a role button of the element and its name press me The order of concatenation and a role description depends on a platform s accessibility API and the assistive technology e g screen reader that is used The lt input gt in the code examples below has a visible label username but no accessible nameusername lt input type text gt or lt span gt username lt span gt lt input type text gt Here the lt input gt has a visible label but it can not be used as an accessible name It cannot be associated with the lt input gt In such case a screen reader won t be able to announce the accessible name of the lt input gt That would be an accessibility violation In comparison this lt input gt has both a visible label and an accessible name Using lt for gt attribute lt label for userNameId gt username lt label gt lt input type text id userNameId gt or Wrapping it with a lt label gt lt label gt username lt input type text gt lt label gt In the examples above we use a lt label gt element to provide an accessible name for our lt input gt What if we can t use lt label gt or for attribute In such a case we might use ARIA attributes namely aria label or aria labelledby Using aria label lt input type text aria label Username gt Using aria labelledby lt span id fldUsrnm gt username lt span gt lt input type text aria labelledby fldUsrnm gt In this situation we use ARIA as a last resort which is perfectly fine ConclusionThere you have it the rules of ARIADon t use ARIA unless you really have to Prefer native semantics over ARIAAll interactive elements must be usable with the keyboardDo not use role presentation or aria hidden true on a focusable elementAll interactive elements must have an accessible nameOf course it s not all and we barely scratched the surface Nevertheless I hope it s a beginning of a better understanding ARIA I hope this post was useful for you as a reference 2023-02-25 13:08:53
Apple AppleInsider - Frontpage News iPhone 15 Pro Max camera bump could go on a diet https://appleinsider.com/articles/23/02/25/iphone-15-pro-max-camera-bump-could-go-on-a-diet?utm_medium=rss iPhone Pro Max camera bump could go on a dietThe iPhone Pro Max could be thicker than the iPhone Pro Max but at the same time it may also have a slightly smaller camera bump Early concepts of what the iPhone Pro could look likeRenders based on CAD drawings and supposed dimensions for the iPhone Pro Max were posted to Twitter on Sunday night by serial leaker Ice Universe detailing the iPhone Pro Max s size Read more 2023-02-25 13:08:51
海外TECH CodeProject Latest Articles 100 Days of TypeScript (Day 7) https://www.codeproject.com/Articles/5355433/100-Days-of-TypeScript-Day-7 Days of TypeScript Day First of all I d like to apologise for the delay getting around to this post There s been a lot going on that s got in the way but I haven t forgotten about writing this series 2023-02-25 13:16:00
ニュース BBC News - Home Omagh police shooting: Support for John Caldwell in Beragh and Omagh https://www.bbc.co.uk/news/uk-northern-ireland-64757611?at_medium=RSS&at_campaign=KARANGA sports 2023-02-25 13:16:57
ニュース BBC News - Home Earthquake: Brynmawr, Cardiff and valleys feel tremors https://www.bbc.co.uk/news/uk-wales-64769319?at_medium=RSS&at_campaign=KARANGA birmingham 2023-02-25 13:26:17
ニュース BBC News - Home Laurel Aldridge: Body found in search for actor's sister-in-law https://www.bbc.co.uk/news/uk-england-sussex-64769929?at_medium=RSS&at_campaign=KARANGA actor 2023-02-25 13:51:14
ニュース BBC News - Home Graham Potter: Chelsea boss says mental health suffered after email abuse https://www.bbc.co.uk/sport/football/64766580?at_medium=RSS&at_campaign=KARANGA Graham Potter Chelsea boss says mental health suffered after email abuseChelsea boss Graham Potter says his mental health has suffered after he and his family received anonymous abuse following the club s poor run of form 2023-02-25 13:28:38

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)