JavaScript is not available. We've detected that JavaScript is disabled in this browser.
这一声明揭示了现代网络平台对JavaScript的完全依赖,即使是在社交媒体这样看似简单的平台上。这种依赖创造了技术单点故障,使得没有JavaScript支持的浏览器用户完全无法访问内容,反映了Web开发中过度依赖单一技术栈的潜在风险。
JavaScript is not available. We've detected that JavaScript is disabled in this browser.
这一声明揭示了现代网络平台对JavaScript的完全依赖,即使是在社交媒体这样看似简单的平台上。这种依赖创造了技术单点故障,使得没有JavaScript支持的浏览器用户完全无法访问内容,反映了Web开发中过度依赖单一技术栈的潜在风险。
JavaScript is not available. We've detected that JavaScript is disabled in this browser.
这个简单的错误信息揭示了现代网络平台对JavaScript的完全依赖,即使是最基本的页面交互也无法在没有JavaScript的情况下运行。这反映了Web开发的根本转变,从可访问性优先转向功能优先的设计理念。
JavaScript is not available. We've detected that JavaScript is disabled in this browser.
这个错误提示实际上暴露了现代Web应用的一个脆弱性:过度依赖JavaScript使网站失去了基本的可访问性和功能性。这引发了一个重要问题:在追求丰富交互体验的同时,我们是否牺牲了Web的包容性和基本可用性?
Please enable JavaScript or switch to a supported browser to continue using x.com.
这句话展示了平台的排他性设计,将特定技术栈作为访问门槛。这种做法虽然确保了一致的用户体验,但也排斥了使用非主流浏览器的用户或出于隐私考虑禁用JavaScript的用户。这反映了互联网服务中的技术霸权问题,以及创新与标准化之间的张力。
Trusted by over 17,000 companies and millions of learners around the world
This is another area Udemy could have provided a better design. While It shows the logos of various companies that put their trust in Udemy, it does not actually give their names. For some users, the 'P&G' logo does not mean much, nor does the first logo which to some would just look like a V on top of a W. Better naming and even hyperlinks to these companies would help users understand which companies are being shown here.
Top companies choose Udemy Business to build in-demand career skills.
This area is a footer which provides an excellent catalog of options Udemy can offer users if they were still scrolling down to look for something more. It provides hyperlinks to various course areas, information about Udemy itself, legal and privacy notices, and also a link to control cookie settings for the user. The text is organized in an orderly and neat fashion with enough spacing between areas so as to let the user focus on one area without their eyes being disorientated from nearby text from other columns.
Learning focused on your goals
This area is not as great as the other parts of the Udemy web page. It has short titles and descriptions of various areas that a user can focus on depending upon their goals. However, the first option provides no hyperlink, and selecting it only brings up an image on the right side associated with the possible goal. This image is also very small, and hard to understand, as it shows text that can be incredibly small, and visual information that will not be understandable to a user unless explained in detail.
Trending courses
The 'Trending Courses' page is an excellent introduction to how Udemy shows its courses in other pages such as when a user is using the explore functionality. At a glance, the user can see the thumbnail for a course, the title of a course, the author(s) of the course, the rating of the course and how many people rated it, along with the cost of a course. When the user hovers over a course in this area, it will expand the details of the course in a short point format, so a user can further understand the course without being overwhelmed or exhausted by a large amount of information.
Trending Now
The 'Trending Now' page is very useful to get a quick overview of what courses are being looked at the majority of Udemy users. It provides columns, and under those columns are groups which many courses can be under. It shows the overall number of learners in these groups and provides a hyperlink to easily navigate to the exploration of the group in question to find courses that best fit a user.
The very small start-up effort is designed to allow small contributions
A resource can map to the empty set, which allowsreferences to be made to a concept before any realization ofthat concept exist
This is a very useful but underutilized property. It allows you to e.g. announce in advance that a resource will exist at some point in the future, and thereby effectively receive "updates" to the linking document without requiring changes to the document itself.
This appeal would have a greater effect if it weren't itself published in a format that exhibits so much of what was less desirable of the pre-modern Web—fixed layouts that show no concern for how I'm viewing this page and causes horizontal scrollbars, overly stylized MySpace-ish presentation, and a general imposition of the author's preferences and affinity for kitsch above all else—all things that we don't want.
I say this as someone who is not a fan of the trends in the modern Web. Responsive layouts and legible typography are not casualties of the modern Web, however. Rather, they exhibit the best parts of its maturation. If we can move the Web out of adolescence and get rid of the troublesome aspects, we'd be doing pretty good.
Writing for the web is still a complex and technically sophisticated activity. Too many tools, languages, protocols, expectations and requirements have to be considered together for the creation of web pages and sites.
on top stacked laying flat on the left side, next to a potted plant on the right two other books to the right of the plant, spines not visible
tools for thought rheingold MIT Press logo concept design: the essence of software jackson designing constructionist futures nathan holbert, matthew berland, and yasmin b. kafai, editors MIT Press logo structure and interpretation of computer programs second edition abelson and sussman MIT Press Indroduction to the theory of computation
top shelf ordinary orientation: books upright, spines facing out tops leaning to the left
toward a theory of instruction bruner belknap / harvard tools for conviviality ivan illich harper & row the human interface raskin addison wesley the design of everyday things don norman basic books changing minds disessa MIT Press logo mindstorms seymour papert unknown logo understanding computers and cognition winograd and flores addison wesley software abstraction jackson revised edition MIT Press logo living with complexity norman MIT Press logo the art of doing science and engineering—learning to learn richard w. hamming stripe press logo the computer boys take over ensmenger recoding gender abbate MIT Press logo weaving the web tim berners-lee harper dealers of lightning: xerox parc and the dawn of the computer age michael a hiltik harper the dream machine m. mitchell waldrop stripe press logo from counterculture to cyberculture fred turner chicago the innovators walter isaacson simon & schuster paperbacks a people's history of computing in the united states joy lisi rankin harvard the media lab stewart brand penguin logo
bottom shelf ordinary orientation: books upright, spines facing out tops leaning to the right
about face: the essentials of interaction design cooper, reimann, cronin, noessel 4th edition wiley the new media reader wardrip, fruin, and montfort, editors designing interactions bill moggridge includes DVD MIT Press logo interactive programming environments barstow, shrobe, sanderwall mcgraw hill visual programming shu software visualization editors: stasko, domingue, brown, price MIT Press logo types and programming languages pierce MIT Press logo smalltalk-80: the interactive programming environment goldberg addison wesley constructing the user... statecharts qa 76.9 .u83 h66 1999 the human use of human beings: cybernetics and society wiener da capo pasteur's quadrant stokes brookings scientific freedom: the elixir of civilization donald w. braben stripe press logo a pattern language alexander, ishikawa, silverstein, jacobson, fiksdahl-king, angel oxford the timeless way of building alexander oxford
And here’s a photo of my computing bookshelf as of November 2020, with some of the books that have influenced me the most:
Not accessible.
The internet is for end users: any change made to the web platform has the potential to affect vast numbers of people, and may have a profound impact on any person’s life. [RFC8890]
If you try to export the document in an internet-compatible format like HTML, you get a mess.
I've noted elsewhere that despite the reputation of WYSIWYG editors' tendencies for handling HTML, modern mainstream Web development practices are so bad today that just typing a bunch of junk into LibreOffice and saving as HTML results in one of the most economical ways to do painless authoring of Web content...
building software visualization tools as web ap-plications can help in making them available to a larger audi-ence
https://benmyers.dev/blog/on-the-dl/
Curious double entendre title here.
Note to self: I should use these patterns more.
makes your app inaccessible to users if JavaScript fails or is disabled (which happens more often than you probably think).
CSS-generated content is not included in the DOM. Because of this, it will not be represented in the accessibility tree and certain assistive technology/browser combinations will not announce it. If the content conveys information that is critical to understanding the page's purpose, it is better to include it in the main document.
Screen readers for the blind can help them fill out a form more easily if the logical sections are broken into fieldsets with one legend for each one. A blind user can hear the legend text and decide, "oh, I can skip this section," just as a sighted user might do by reading it.
Make sure the label colour stands out against the button fill. You can check using http://accessible-colors.com/. Always make sure that your colours meet the AAA requirements.
Sometimes you might need to use an element other than a native <button>. useButton supports this via the elementType prop. When used with an element other than a native button, useButton automatically applies the necessary ARIA roles and attributes to ensure that the element is exposed to assistive technology as a button.
The fully styleable primitives that the web offers (e.g. <div>) are quite powerful, but they lack semantic meaning. This means that accessibility is often missing because assistive technology cannot make sense of the div soup that we use to implement our components.
Also, with more design styles and choices, many websites opt to not use an underlining style for an embedded link in text, nor will they use a traditional blue color to indicate an embedded link.
Fortunately Google's ranking algorithm penalizes against this in addition to requirements for better online accessibility that help to encourage against these sorts of dark patterns of web design. Users still need to be aware that they exist however.
Online is clearly where the growth is, especially when it comes to enrolling adults.
This article is based around the idea that online education increases access for learners but lacks in completion data. This article provides data around the United States from a study conducted over a few years. Generally speaking this article encourages blended learning rather than all online to obtain better outcomes for adult learners. Rating 7/10 for use of graphs and evidence from data.
avoid digital redlining,[26] creating inequities (however unintentionally) through the use of technology.
So many challenges here, and we really must address all of them. I'm also interested in learning how to make sure my websites and other affordances I use are accessible to people with disabilities.