meduzen/canwe

A collection of resources focused on browsers usage and features.

canwe's Issues

Privacy tests

Website to consider: https://privacytests.org

• Repo: https://github.com/arthuredelstein/privacytests.org/
• Twitter: https://twitter.com/privacytests

Lychee Report

Summary

Status	Count
🔍 Total	81
✅ Successful	74
⏳ Timeouts	1
🔀 Redirected	0
👻 Excluded	6
❓ Unknown	0
🚫 Errors	0

Errors per input

Errors in https://canwe.dev/

• [TIMEOUT] https://m.nintendojo.fr/@canistop | Timeout
  Full Github Actions output

Elements must have sufficient color contrast

From latest Playwright action, in:

• 10 links matching a .site__link__inner (various contrasts);
• .caniuse .site__description (contrast: 3.17)
• .cssdb .site__description (contrast: 4.24)
• .caniemail .site__description (contrast: 3.01)
• footer links with the accent class (contrast: 3.5)

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Expected contrast ratio of 4.5:1

Level: WCAG 2 AA (1.4.3), serious (Axe color-contrast).

• Instead of strict compliance, consider testing color contrast using APCA. For now, no automation is available for this (thou it could be built), and nothing is planned at Deque.
• For the 10 links matching a > .site__link__inner, these are the labels of full-clickable cards becoming more readable on hover or focus. Research how good/bad it is.

I Want To Use

This website is nifty
http://www.iwanttouse.com/

However, looks like it has been unmaintained by @PaulKinlan and the reporting has gone inaccurate:
PaulKinlan/iwanttouse.com#7

Remove Edge and Firefox platform status

They are dead. :(

See this thread.

Add maskable app icon

See Can I Stop commit for reference.

Microdata (schema.org)

Which ones could be added? I’ll likely accept a PR (or do it myself at some point) for this.

Can I Dev Tools

Website candidate: https://www.canidev.tools

• Repo: https://github.com/pankajparashar/canidev.tools
• Twitter: https://twitter.com/CanIDevTools

Should Webkit platform status be replaced by Webkit CSS feature status?

For some reason, https://webkit.org/status/ is retired, but https://webkit.org/css-status remains 🤷.

The message on https://webkit.org/status suggests to use MDN, Can I Use or the Webkit Standards Positions repository.

All page content should be contained by landmarks

From latest Playwright action, in:

<img class="visually-hidden" src="https://matomo.mehdi.cc/matomo.php?idsite=3&amp;rec=1" style="border:0" alt="">

Ensures all page content is contained by landmarks

Level: Best practice, moderate (Axe region).

Should be excluded from the test as it’s a non-reachable tracking image

Inline overflow on sites with long links

Safari iOS 17

Before zooming out the viewport:

After zooming out the viewport:

The longer link inline size and/or the one of a parent element should probably be controlled.

Wrong spacing between items in footer

😨

Add anchors links to website sections

Do like GitHub does in Markdown files by adding a link in front of section titles.

Layout degradation on small screens

Happens on phones/tablets-sized screens when site URL isn't short.

Web Platform Tests dashboard (wpt.fyi)

In the features category, wpt.fyi seems to be a good fit at first sight. Must be checked in depth.

Platform Status Tracker

Consider to add https://platformstatus.io
Repo: https://github.com/mayuki/PlatformStatusTracker

Chrome, Firefox and WebKit Platform/Feature Status?

It's not setup as a phrased question, but these are very useful resources in the same line as caniuse — although pertain more to the feature roadmaps of the browser engines and their progress.

https://chromestatus.com/
https://platform-status.mozilla.org/
https://webkit.org/status/

Is Houdini Ready Yet?

I assume that any kind of dynamic 'question phrase' (can we/i, should we/i, is it ready?, …) site that pertains to web development/design is fair game here?

In this case, this one is maintained by @surma:
https://github.com/surma/ishoudinireadyyet.com
https://ishoudinireadyyet.com/

Remove all links to Twitter

Potentially replace Twitter links with a link to a Fediverse profile if they have one.

HTML test cases by Russ Weakley

https://russmaxdesign.github.io/accessible-forms
https://github.com/russmaxdesign/accessible-forms

A series of HTML test cases to determine how specific elements are announced in different screen reader / browser combinations.

Check also Russ Weakley’s repositories for more accessibility things.

Enlarge website link hitbox to whole block

Mozilla standards positions

What Mozilla thinks of web specifications: https://mozilla.github.io/standards-positions/ (repo: https://github.com/mozilla/standards-positions/).

What Mozilla is currently implementing in Firefox: https://groups.google.com/a/mozilla.org/g/dev-platform/

Powermapper assistive technology compatibility tests

To evaluate: https://www.powermapper.com/tests

HTML5 accessibility

https://www.html5accessibility.com

What's Next For CSS?

What’s next for CSS?
cssdb is a comprehensive list of CSS features and their positions in the process of becoming implemented web standards:
https://cssdb.org/

It seems to be consistently maintained over time by @jonathantneal for years

What Web Can Do Today

Pretty nifty, with examples and all:
https://whatwebcando.today/

However I've had some issues with some APIs not being reported correctly, or not working, or browser claiming feature support but actually not working at all or incorrectly.

(E.g. vibration api on a laptop, while the trackpad does have a vibration motor, the chrome browser doesn't have access to it, or chrome doesn't want to support it; Another problematic one is Ambient Light sensor code not working?)

The repository is:
https://github.com/NOtherDev/whatwebcando

Lychee Report

Summary

Status	Count
🔍 Total	76
✅ Successful	63
⏳ Timeouts	12
🔀 Redirected	0
👻 Excluded	1
❓ Unknown	0
🚫 Errors	0

Errors per input

Errors in https://canwe.dev/

• [TIMEOUT] https://twitter.com/powermapper | Timeout
• [TIMEOUT] https://twitter.com/mfairchild365 | Timeout
• [TIMEOUT] https://twitter.com/CoreyGinnivan | Timeout
• [TIMEOUT] https://twitter.com/caniuse | Timeout
• [TIMEOUT] https://twitter.com/webkit | Timeout
• [TIMEOUT] https://twitter.com/DasSurma | Timeout
• [TIMEOUT] https://twitter.com/canidevtools | Timeout
• [TIMEOUT] https://twitter.com/canistopie11 | Timeout
• [TIMEOUT] https://twitter.com/privacytests | Timeout
• [TIMEOUT] https://twitter.com/mozdevnet | Timeout
• [TIMEOUT] https://twitter.com/caniemail | Timeout
• [TIMEOUT] https://twitter.com/ChromiumDev | Timeout

Full Github Actions output

Visual glitch on site hover

Happens at least on Brave (Chromium 80). See bottom part of the GIF below.

Ensures landmarks are unique

From latest Playwright action, in:

.caniuse > article > div > aside

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

Level: Best practice, moderate (Axe landmark-unique).

Not sure yet how what to do with it. Check landmark regions on WAI.

Share image contrast balance

I’ve been told the contrast of the share image creates non-reversible brain damages. It should be improved.

view unbalanced picture and damage your eyes

ARIA-AT (by the W3C)

An obvious one to add to the accessibility list, as a complementary tool to view assistive technology support: https://aria-at.w3.org/reports

Repository: https://github.com/w3c/aria-at/

同学，您这个项目引入了544个开源组件，存在1个漏洞，辛苦升级一下

检测到 meduzen/canwe 一共引入了544个开源组件，存在1个漏洞

漏洞标题：Socketio Engineio 资源管理错误漏洞
缺陷组件：[email protected]
漏洞编号：CVE-2020-36048
漏洞描述：Socketio Engineio是Socketio社区的一个基于Javascript用于浏览器与设备进行双向通信的实时引擎。
Socketio Engine.IO before 4.0.0 存在安全漏洞，攻击者可利用该漏洞通过对长轮询传输的POST请求导致拒绝服务(资源消耗)。
影响范围：(∞, 4.0.0)
最小修复版本：4.0.0
缺陷组件引入路径：canwe@->[email protected]>[email protected]>[email protected]

另外还有几个漏洞，详细报告：https://mofeisec.com/jr?p=i13138

browserslist.dev

Website candidate: https://browserslist.dev

I think I’ll leave it on hold until it can handle regions filtering (like Can I Stop).