Kicking off an OpenJS Foundation project landscape

[brianwarner]

Dan Kohn has graciously offered to configure a Landscape for us (like https://l.cncf.io or https://l.graphql.org). This is a very nice way to visualize the contours of our communities, and will be a great next step now that the artwork repo is in place.

For those who aren't familiar with how these work, each landscape is configured via a git repo. When a PR is submitted, the landscape software automatically builds and deploys a new version of the site. Because it's just a repo and managed through PRs, anybody can contribute and keep it up-to-date.

Each landscape entry needs a vector logo, and pulls its vital stats from a (free) Crunchbase profile. Thanks to everyone's help, we have vector logos for all projects. As for Crunchbase profiles, most members and some projects already have these (for example, https://www.crunchbase.com/organization/jquery-javascript-library). I can work with maintainers to set one up for their projects, if need be.

Let's chat about logistics on the next CPC call. It should be pretty straightforward, although I'd suggest bootstrapping it in a private repo until it is ready for contributions. I'll ping this issue with updates, and am looking forward to working with everyone on this.

[bnb]

Before progressing with discussing logistics and actually moving this forward, I think it's valuable to see if this actually aligns with what the projects are interested in - especially as something that represents each project individually in addition to us as a whole constituency. It is a direct reflection of us.

I have a few concerns about the utility of the site myself, outside of project validation:

• Accessibility Insights asserts that there are 784 accessibility failures. The majority are a lack of alt tags on the 724 images on l.cncf.io, but there are also additional issues - the biggest of which is 50 contrast issues.
• Webhint - a foundation project - asserts a similarly massive set of improvements.
• Running a lighthouse report (devtools > audits > lighthouse) on it raises similar accessibility concerns.
• If users have JavaScript disabled, the site seems to turn up a white page if you navigate off the main page and all drop-downs cease to work. Additionally, it seems JavaScript is being used for resizing the width and height of the page.
• I would like to further understand the Crunchbase integration. Outside of personal feelings about how they monetize data, and the reference provided seems relatively lackluster in terms of actually being useful for our use case.

[brianwarner]

I can't speak for the alt tags, but as the app which generates the site is open source, it sounds like that would be low-hanging fruit to address.

The Crunchbase profile just provides a normalized source of data - Canonical name, description, links to social profiles (if any). Projects can add as much or as little as they want, but the point is they have the ability to decide what to display.

[bnb]

(Accidentally locked via a touch detection bug in the mobile app - wasn’t intentional)

[brianwarner]

I was chatting with @dankohn in a separate thread, and I think he can add some solid context on this.

[dankohn]

@bnb thanks for the feedback.

Accessibility Insights asserts that there are 784 accessibility failures. The majority are a lack of alt tags on the 724 images on l.cncf.io, but there are also additional issues - the biggest of which is 50 contrast issues.

Webhint - a foundation project - asserts a similarly massive set of improvements.

Thanks for sharing the results of those two tools. I've prioritized addressing them and expect to get much better scores in the next couple of weeks.

Running a lighthouse report (devtools > audits > lighthouse) on it raises similar accessibility concerns.

We just added support for pre-rendering which significantly increased our Lighthouse scores.

I'm happy to take additional suggestions for improvements, but let's see where we land after the accessibility fixes.

If users have JavaScript disabled, the site seems to turn up a white page if you navigate off the main page and all drop-downs cease to work. Additionally, it seems JavaScript is being used for resizing the width and height of the page.

I believe nearly all modern web applications, such as Google Docs, also rely on JavaScript. Here's a statistic that 0.2% of traffic in 2016 did not support JavaScript. Of course, the static rendering remains available in png and pdf.

I would like to further understand the Crunchbase integration. Outside of personal feelings about how they monetize data, and the reference provided seems relatively lackluster in terms of actually being useful for our use case.

Here's the explanation for using Crunchbase.

I understand the skepticism, but I really encourage you to spend some time using the apps, such as trying our the sample filters on the left. and the different grouping and sorts. I find it invaluable for keeping on top of our ecosystem. Please also see these landscapes for other communities that are finding it useful.

https://landscape.graphql.org/
https://landscape.aswf.io/
https://landscape.lfenergy.org/

Also, I'd be happy to meet for coffee next week in Brooklyn and could walk through some of the ways I find the landscape tool useful.

Cc @jordinl83 @AndreyKozlov1984