Stories
Slash Boxes
Comments

SoylentNews is people

posted by martyb on Friday March 15 2019, @01:35AM   Printer-friendly
from the one-thing-is-not-enough dept.

WebAIM issued a report last month analyzing the top one million home pages for accessibility and web designers Eric W Bailey and Ethan Marcotte each take separate, hard looks at it because it is indicating a very sad state. The report noted all kinds of problems, even including throwbacks like using tables for layout with 2,099,665 layout tables detected versus only 113,737 data tables out of 168,000,000 data points. Web designers, old and new, are largely failing in simple matters that were, or should have been, covered in Web Design 101.

Ethan includes in his summary:

Those are just a few items that stuck with me. Actually, “haunted” might be a better word: this is one of the more depressing things I’ve read in some time. Organizations like WebAIM have, alongside countless other non-profits and accessibility advocates, been showing us how we could make the web live up to its promise as a truly universal medium, one that could be accessed by anyone, anywhere, regardless of ability or need. And we failed.

I say we quite deliberately. This is on us: on you, and on me. And, look, I realize it may sting to read that. Hell, my work is constantly done under deadline, the way I work seems to change every year month, and it can feel hard to find the time to learn more about accessibility. And maybe you feel the same way. But the fact remains that we’ve created a web that’s actively excluding people, and at a vast, terrible scale. We need to meditate on that.

Eric also followed the WebAIM report closely:

Digital accessibility is a niche practice. That’s not a value judgement, it’s just the way things are. Again, it’s hard to fault someone for creating an inaccessible experience if they simply haven’t learned the concept exists.

And yet, seventy percent of websites are non-compliant. It’s a shocking statistic. What if I told you that seventy percent of all bridges were structurally unsound?


Original Submission

Related Stories

This Page is Designed to Last 63 comments

Assistant professor Jeff Huang has written a sort of manifesto for preserving content on the web. He goes over seven points that should be familiar to all yet will nevertheless be found to be novel by some. New or not, they are essential to follow if one wishes to future-proof a web site. Like other best practices, such as usability design and accessibility design, which are also currently increasingly ignored, the points in the manifesto are also less work to follow than to ignore.

  • Return to vanilla HTML/CSS
  • Don't minimize that HTML
  • Prefer one page over several
  • End all forms of hotlinking
  • Stick with the 13 web-safe fonts +2
  • Compress and rescale your images
  • Monitor for URLs

Earlier on SN:
What's One Thing I Wish I Understood Better About Web Accessibility? (2019)
How to Build and Host an Energy Efficient Web Site (2018)
Conservative Web Development (2018)


Original Submission

This discussion has been archived. No new comments can be posted.
Display Options Threshold/Breakthrough Mark All as Read Mark All as Unread
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
(1)
  • (Score: 3, Informative) by krishnoid on Friday March 15 2019, @02:40AM

    by krishnoid (1156) on Friday March 15 2019, @02:40AM (#814604)

    Again, it’s hard to fault someone for creating an inaccessible experience if they simply haven’t learned the concept exists.

    Maybe some advertising that you can keep an eye on accessibility [webaim.org] directly while browsing would help. Microsoft did an ad for their controller and are embracing the web by recommending people move to Chrome; if their own websites and web-based products are accessible, they could run ads about those too.

  • (Score: 4, Insightful) by Appalbarry on Friday March 15 2019, @02:49AM (5 children)

    by Appalbarry (66) on Friday March 15 2019, @02:49AM (#814607) Journal

    Why should the web be accessible? Ask anyone who is blind, or uses a wheelchair, and they'll deliver a torrent of stories about how governments and corporations can't be bothered to do even the most basic things to help them out. Whether it's curb cuts, or bathrooms, or access to wheelchair accessible transport, you'll find out that as a society we really, really don't care about these things.

    The honest truth is that most of the time it's not that difficult or expensive to be accessible, it's just a matter of deciding that it matters.

    • (Score: 2) by krishnoid on Friday March 15 2019, @02:52AM (2 children)

      by krishnoid (1156) on Friday March 15 2019, @02:52AM (#814609)

      Or that you don't want to get sued over it -- [google 'accessibility lawsuits']. Looks like Internet and IRL accessibility lawsuits have been increasing in the last couple of years.

      • (Score: 2) by DannyB on Friday March 15 2019, @02:48PM (1 child)

        by DannyB (5839) Subscriber Badge on Friday March 15 2019, @02:48PM (#814786) Journal

        I was going to reply that a simple answer to lack of accessibility is that it is not a PHB priority. Profit above all else.

        But your post points out that the winds could change.

        --
        The anti vax hysteria didn't stop, it just died down.
        • (Score: 2) by krishnoid on Friday March 15 2019, @07:56PM

          by krishnoid (1156) on Friday March 15 2019, @07:56PM (#815012)

          I bet techy people could make it change sooner if desired -- add a one-click 'Sue this website' button to the plugin, have it forward to a handful of lawyers familiar with ADA enforcement, and social-mediasize it with the disabled community. The threat alone might be enough to make this start changing faster on popular sites, and could even snowball into a critical-mass of sorts -- network effect, media coverage, improved tools, framework bake-in, etc.

    • (Score: 2) by canopic jug on Friday March 15 2019, @06:17AM

      by canopic jug (3949) Subscriber Badge on Friday March 15 2019, @06:17AM (#814680) Journal

      The honest truth is that most of the time it's not that difficult or expensive to be accessible, it's just a matter of deciding that it matters.

      I'll mix usability and accessibility a little here, since they are increasingly intertwined. Whenever I have to look at some web site to get information or order a product, the process is nearly always one of the web site fighting against that activity. Subtitling requires transcription and that is a lot of work to do right but the sad truth is that most clips have no relevant content. Putting a lens on that and other accessibility issues might expose the unpleasant (for some) fact that most of a proposed web site's content, and thus the marketing team, for being just a bunch of expensive, noisy, hot air that gets in the way. Web sites are predominantly trapped under the purview of marketing and we're feeling it. It'll be hard to get them out of the way since web "design" has become a way for them to rationalize their expensive, unproductive existence. Aside from subtitling video, content or not, it's often faster and cheaper to develop accessible sites rather than making the javascript messes we are all too often subjected to, or just plain skip after seeing only a blank or broken page with the script blocker on.

      There's more to the WWW than just company web sites, but the way things are nowadays they are the most prevalent. It took companies years to figure out that they could reach customers via the WWW. Most early company web sites were just corporate drivel and photos of their boards despite the ability to expand their market even a little by establishiling a web presence. Now we are in a strange era, were companies are actively spending extra time, money, and effort to lock out increasing portions of their possible market. Only in computing and on the web in particular have things been about having an attitude about pushing technologically broken fads than striving to reach the full market. Fix that and everywhere else will follow. Maybe they'll catch on, eventually, if the WWW survives another few years. In the mean time they are smugly turning away potential customers and their money.

      --
      Money is not free speech. Elections should not be auctions.
    • (Score: 4, Interesting) by FatPhil on Friday March 15 2019, @09:40AM

      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @09:40AM (#814706) Homepage
      As someone who cares about accessibility, what I notice the most is not sites doing nothing to aid accessibility, it's sites actively doing something that harms accessibility. Anyone who uses javascript to do something CSS can do (such as roll-over/pull-down menus) should be shot. Anyone who uses javascript to do something HTML can do (such as links) should be tortured first, then left outside for the wild animals.
      --
      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
  • (Score: 4, Insightful) by MostCynical on Friday March 15 2019, @03:35AM

    by MostCynical (2589) on Friday March 15 2019, @03:35AM (#814638) Journal

    even when a project has millions of dollars, getting money/time spent on hidden tags, tab order, and ensuring the.colours work in black/white/reverse is impossible when the standard help text is still being written the week before go-live.

    --
    "I guess once you start doubting, there's no end to it." -Batou, Ghost in the Shell: Stand Alone Complex
  • (Score: 5, Insightful) by The Mighty Buzzard on Friday March 15 2019, @03:37AM (5 children)

    ...how we could make the web live up to its promise as a truly universal medium, one that could be accessed by anyone, anywhere, regardless of ability or need.

    That was never its promise. It's promise is and always was "I will show you boobies".

    --
    My rights don't end where your fear begins.
    • (Score: 2) by captain normal on Friday March 15 2019, @04:57AM

      by captain normal (2205) on Friday March 15 2019, @04:57AM (#814669)

      Ahh...as Wyatt (Peter Fonda's character in "Easy Rider" says to Billy (Dennis Hopper), "We Blew it man, we blew it."

      --
      "It is easier to fool someone than it is to convince them that they have been fooled" Mark Twain
    • (Score: 2) by captain normal on Friday March 15 2019, @05:01AM (1 child)

      by captain normal (2205) on Friday March 15 2019, @05:01AM (#814670)

      Oh...and while I'm still up, Many thanks for all the recent work you've put in on this site. Glad to see you've survived all the storms that were around you in the last few weeks. Cheers, looks like good fishing weather is coming soon.

      --
      "It is easier to fool someone than it is to convince them that they have been fooled" Mark Twain
    • (Score: 2) by krishnoid on Friday March 15 2019, @07:57PM

      by krishnoid (1156) on Friday March 15 2019, @07:57PM (#815016)

      Let's start here [youtube.com] and work our way forward.

    • (Score: 2) by realDonaldTrump on Saturday March 16 2019, @03:12AM

      by realDonaldTrump (6614) on Saturday March 16 2019, @03:12AM (#815241) Homepage Journal

      And Soylent News does it so well. So well. Thanks -- I think -- to you! 🌰🌰

  • (Score: 5, Interesting) by ShadowSystems on Friday March 15 2019, @05:26AM (20 children)

    by ShadowSystems (6185) <{ShadowSystems} {at} {Gmail.com}> on Friday March 15 2019, @05:26AM (#814674)

    I've stopped counting the number of sites that are so badly written that they need to be Nuked & Paved.
    Things like:

    OnMouseOver events. Really? What if the visitor isn't using a mouse? "But it reacts to touch input!" BFG. I'm not using a touch screen device. Next?
    I can *try* to interact with such elements by tricking the OS into thinking I've clicked a mouse button on it, but if the element doesn't want to then it doesn't have to react. It is a on-mouse-hover after all.

    Same Page Links that aren't. I can get my 'reader to read the entire page & none of that data is anywhere to be read. Click the SPL, return to the top, tell my 'reader to re-read the page & suddenly the data is there?
    That's not SamePage, that's hidden by CSS/scripting code so as to only present it if and when the SPL is clicked.
    "Why is that a problem? It reveals the data after you click the link."
    Because it claims to be a *Same Page Link*, as in the data is already there to be read & you just have to jump to that part of the page. It means I have to let my 'reader read the page *at least twice* before I hear said data made available to be read.
    It's akin to a sighted person reading a newspaper article, finding a "Continued elsewhere on this page" note, & being forced to read the paper multiple times before the paper finally spits out the rest of the content.

    Tabs inside a page. Tabbed browsing is fine, I can switch browser tabs with a simple Control+Tab in IE. Tabs *inside* the web page are not.
    You can supposedly switch site tabs with a "simple" Control+Shift+Insert+M (the command my 'reader uses to "move to next element" in such a situation) but invariably winds up somewhere else on the page.
    If I want to switch site tabs then I have to re-read the page until I get to the bit where the site tabs are mentioned, word-step through the site tab titles until I find the one I want to get to, hit Enter, & then let my 'reader read from there.
    All so the site coder could pull a pretty visual effect of supposedly having it all on the same page that turns out to be utterly. f$*#@ing. useless. to anyone using a screen reader, braille system, or other non visual means of interaction.
    To add insult to injury, it's like the SPL problem writ large.
    All that data is supposedly there, you just can't get TO any of it until you click the proper site tab.

    Auto playing audio/video. Stop it. Just. F$(#@*ing. Stop.
    Once the audio on the page starts then I can no longer hear the audio of my 'reader. No 'reader means I can't find the page controls to mute that damned thing. This means I either let it play through like a passive victim or...
    *Control+W to close the tab*
    ...kiss your ass goodbye. I'll find the URL of the link I just closed, go to a search engine, enter "cache: $URL" (replacing "$URL" with the actual URL), & get a plain text cache of your data.
    You're lucky I can't see to drive else I'd hunt your ass down, run you over, & do doughnuts on your corpse.

    "Clickable" page elements. Really? WTF? Why not just make it a LINK instead?
    See my rant about OMO elements. If I'm not using a mouse nor touch screen equipped device then your "clickable" element *IS NOT*.
    I can *try* to fool the element into working, but if it doesn't feel like playing then I get SFA.

    Auto scrolling. Thanks, what a sweet way to f$(#@ with my 'reader.
    If your auto scroll goes by faster than my 'reader can read, there's nothing left for my 'reader to do but stutter, stammer, splutter & cough like a dyslexic asthmatic with a crack problem.
    I can *try* to stop it from happening by telling my browser to stop processing the page, but that often leads to incomplete data left for my 'reader to read.
    Sure it stops processing the page... because it stops *loading the data*.
    Data that cuts off in mid-word means I have to RE-enable the page load, let it do the damned scroll bit, & do the Stop Processing thing all over again.
    Time after time after time, re-reading the page each time.

    Sites with a list of check boxes that cause the site to reload/refresh the page between each box checked or unchecked.
    It may only "take a few seconds" for each refresh, but if we end up checking & unchecking a handfull of boxes or more then it all adds up to MINUTES of wasted time waiting for the site to become useable once more.
    I may applaud the site for having a page that doesn't use JS to do everything & thus lets me use it at all, but the auto-refresh between each check/uncheck is just a migraine.
    ESPECIALLY when there is an "Apply Changes" button immediately afterwards to do just what it says.
    Wait to refresh until/unless we press the button. That's what it's there for.

    *Deep breath*

    I'll stop there.
    I'd really not like to get my ass banned for a screaming rant about stuff I can't change.
    I've stopped writing letters to such site owners to tell them their sites aren't accessible; invariably I get an auto reply & a brush off.
    I've stopped trying to "Name & Shame" such sites as pointless; the sighted folks can use the sites just fine so it must be a problem on my end.
    I've stopped wishing that I weren't blind so I could dedicate my life to Doing The Right Thing and Making Things Better.
    I've mostly stopped fantasizing about beating site owners with a printed copy of the W3C Accessibility standards & the American's with Disabilities Act lawbooks until they stop twitching.
    Now I just disable all scripting (especially JS) & limit my browsing to the places where I interact with the forums, get my news, & Youtube for music.
    I've given up on the future of Humanity.
    The only way the accessibility will improve is if the entire World is suddenly, instantly, permanently rendered Totally Blind and forced to use their own shitty sites afterwards.
    Because telling them to grab a demo copy of Jaws from Freedom Scientific and listening to their own site is a waste of breath, but *FORCING* them to pay $1K+ for a full copy & rely entirely upon it for their every computer interaction may be the only way to pound that lesson home.
    And it makes me feel like utter shit for thinking that (global total blindness) would be a GOOD thing.
    =-(

    • (Score: 0) by Anonymous Coward on Friday March 15 2019, @05:40AM

      by Anonymous Coward on Friday March 15 2019, @05:40AM (#814677)

      I am quite anal about alt tags and do try to keep my sites accessible. Part of this is knowing some disabled people and watching them have a hard time.

      As far as disabling scripting, i go a little further. i disable scripting, images and style sheets, and in-browser media playback. Not because i am disabled, but for reasons of speed. But i notice that some of my disabled friends do the same, for some of the same reasons.

    • (Score: 2) by FatPhil on Friday March 15 2019, @09:53AM (17 children)

      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @09:53AM (#814710) Homepage
      I'm writing a site which will display a selection of paragraph-length chunks of data to the viewer, but I want to only display the first line of each chunk by default, and then expand the full paragraph if clicked on. What is the most reader-freindly way of doing this? I have a CSS-based solution that seems to work (clicking on the summary activates a checkbox, and styles unhide the rest of the paragraph). My first accessibility goal is to be terminal-based-browser friendly (e.g. lynx, links, w3m), which don't honour the CSS hiding, as I will be browsing this site over an SSH terminal connection regularly, but I'd like to be screen-reader friendly too. Your comments about same-page links make me worried that my current solution may be counterproductive for such an audience.
      --
      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
      • (Score: 3, Informative) by ShadowSystems on Friday March 15 2019, @10:52AM (16 children)

        by ShadowSystems (6185) <{ShadowSystems} {at} {Gmail.com}> on Friday March 15 2019, @10:52AM (#814717)

        Simple.
        Don't pull fancy tricks.
        Just present the data in a flat, right out up front, unhidden, unmoving, no scripting/CSS fluff.
        Just. Plain. Text. on a plain HTML page.
        Consider how your site would (not) work if the only way to interact with it is to have it read aloud from beginning to end.
        If you are then presented with "Same Page" links that force you to reread the entire site in order to hear that previously hidden content then you'll quickly figure out why such tricks make non sighted folks want to club you with said books.
        Don't use OMO elements, just make such things an obvious, clickable Link.
        Don't create elements that report themselves as "clickable" without being reported as Links.
        If we use Tab to move from link to link and *don't* hear that "clickable" pseudo-link, we'll never know it's even an option until/unless we read the entire page to find that trick out.
        Ignore CSS entirely; you can't count on the purpose (to define site owner desired fonts & colours) to actually be what the visitor gets.
        I've used the accessibility options to disable all site defined fonts, colours, visual styles on buttons, never load images, & *try* to block auto playing audio/video elements.
        So if you can't be sure it'll get used at all, better to not do all the crap trying to enforce it.
        If you create a plain HTML site presenting plain text then the user can adjust contrast, colours, fonts, zoom level, & everything else they might need to make the site ledgible to them.
        If *you* define what fonts, colours, sizes, zoom levels, et al, then your choices may not be THEIR needs & you've just pissed off/lost a potential customer/member.
        So just write it all up as a single page of plain text with as little fluffy cruft as possible.
        You can use links to update content, but don't try using scripting to do the same task; we may not allow it, we may be using a browser that doesn't support it, or we may be using an interface device (like a braille keyboard) that *can't process* the scripting at all.
        The cleaner, less cruftier, "Keep It Simple, Stupid" you create the site in the first place, the better, faster, cleaner, & more accessible it'll be.

        I just "love" it when I save a site as plain text, open the file, & get rewarded by a couple hundred Kb of CSS cruft wrapped around/into the actual content.
        Original file size: 500Kb.
        File size after ripping out all the CSS crap: 2Kb.
        Size after ripping out *everything* but the actual content: LessThan 1Kb.
        I know WE might not be on dial up any longer, but that doesn't mean your visitor is not thusly hindered.
        "But broadband is ubiquitous!"
        Not here in America it's not.
        I live in a cow town that has AT&T, Comcast, & satelite options.
        AT&T can only provide DSL *if* I agree to pay to upgrade their POTS copper first, otherwise even a *dial up* connection is an iffy thing.
        Comcast claims they can give me 50Mbps "Blast!" service, but I have zero trust in that claim given they can't even maintain a stable 3+Mbps signal to my home.
        Satelite is only an option if I can convince all my neighbors to cut down all their trees preventing me from having LOS to the horizon where the satelite is orbiting.
        And I live *Down Town*, not "out in the sticks" of this cow town.
        There are places that think MY options would still be an IMPROVEMENT.
        =-/

        So write your site in plain HTML, remember to KISS, & give the content in plain text.
        It'll come across quicker, will be a barely-non-zero strain on the server spitting it out, & you won't have to worry about security holes in your code because you can read it without requiring an interpreter.

        HTH.
        I'm going to bed now.
        I need to sleep & I'm hoping my dreams won't be about disemboweling website coders with my Red Swingline Stapler.

        • (Score: 2) by FatPhil on Friday March 15 2019, @12:29PM (14 children)

          by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @12:29PM (#814725) Homepage
          Sure, I want the raw HTML to be as universally as useful as possible, to browsers great and small, to readers, to scrapers (the more lightweight a page is, the less imposition a spider visiting it is), etc., even to a human just reading the HTML! But what I'm talking about is *enhancing* - actually enhancing, not adding unnecessary bells and whistles - the functionality for those (who will be the majority) that have a featureful interface, but in a way that there's absolutely minimal, preferably zero, interference with the raw view. I don't believe that which adds for some, and takes away nothing for others, should be avoided, just out of some glorification of the lowest-common-denominator solution. Just because less can be more, doesn't mean less is always more.

          Annoyingly, after reading lots of HTML and CSS specs, I was sure that came up with a CSS method to do the hiding that I required, all a reader would encounter would be a checkbox for each paragraph, and then the block of text, for example, enhancing:

          <tr> <td>thing 2 </td> <td> <p>paragraph for thing 2 </p> </td> </tr>
          to:
          <tr> <td>thing 2 </td> <td> <input type="checkbox" name="para-truncator-2" style="display:hidden"> <p class="truncatable">paragraph for thing 2</p> </td> </tr>

          That should't perturb a screen-reader too much, if at all, should it?

          Alas due to some corner case weirdness, I couldn't get any gui browser to do the right thing. So at the moment I've fallen back onto splitting the paragraph into the always-visible part, and the CSS-hidable part. There were apparently solutions to this problem that looked like they were browser-specific, or generally hackish, so I avoided them like the plague. I'm not after cludges, I'm after clean solutions.
          --
          Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
          • (Score: 2) by acid andy on Friday March 15 2019, @01:08PM (6 children)

            by acid andy (1683) Subscriber Badge on Friday March 15 2019, @01:08PM (#814737) Homepage Journal

            How about keeping the HTML clean and having a separate Javascript file that shrinks the size of a div containing the paragraph text (with appropriate CSS to truncate overflow) and attaches a click event to a small button image which regrows the div and turns off text truncation when clicked. That way, if Javascript is disabled, there won't be any unusual markup except for the button and the whole paragraph should be there in full. Just a thought, although I can understand why you might want to avoid Javascript like the plague. ;)

            --
            Master of the science of the art of the science of art.
            • (Score: 2) by FatPhil on Sunday March 17 2019, @02:13PM (5 children)

              by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Sunday March 17 2019, @02:13PM (#815842) Homepage
              "CSS to truncate overflow" alas doesn't work in tables, unless you jump through disgusting hoops to limit the size of the table. As soon as you say "make it one line", which is a prerequisite for truncation to even make any sense, the table grows to accomodate it, and truncation is no longer needed.
              --
              Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
              • (Score: 2) by acid andy on Sunday March 17 2019, @03:21PM (4 children)

                by acid andy (1683) Subscriber Badge on Sunday March 17 2019, @03:21PM (#815868) Homepage Journal

                You can truncate a table (at least in a browser that's not from the Stone Age) as long as you put it inside a div (or other block element) and apply "overflow: hidden" to that div with a width and height specified:

                <p>Here is a truncated div:</p>
                <div style="overflow:hidden;width:300px;height:90px;border:1px solid black;display:inline-block;">
                <p>Here is some text before a table.</p>
                <table>
                <tr><th>Heading 1</th><th>Heading 2</th><th>Heading 3</th></tr>
                <tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr>
                <tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr>
                <tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr>
                <tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr>
                </table>
                <p>Here is some text after a table.</p>
                </div>
                <p>Here is some text after the truncated div</p>

                Whether that qualifies as "disgusting hoops" is a matter of perspective.

                I put the CSS in a style attribute for simplicity but in practice it would go in the style sheet and only be applied by the Javascript I mentioned in my previous post. That way the markup would remain clean for anyone with Javascript disabled.

                Lameness filter encountered. What an exceedingly useful and fine example of the art and science of software engineering our darling lameness filter most certainly is. Oh, how I love it. Oh, how I pine when it does not show itself upon my click of Submit.

                --
                Master of the science of the art of the science of art.
                • (Score: 2) by FatPhil on Monday March 18 2019, @06:43PM (3 children)

                  by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Monday March 18 2019, @06:43PM (#816563) Homepage
                  I tried something like that before, but I simply can't get the table to fit in the div. Fixed dimensions are right out, too, as I want the maximum amount of information visible on the screen, so the table should be as wide as it can be, but that's fixible using "width:100vw" rather than any px values. In order to have the concept of truncating the text in the cells, rather than wrapping, the text almost certainly needs to be "white-space: nowrap;". And with that style, the table just zooms out of the div no matter what I do. Hiding the overflow of the div doesn't stop that, it simply truncates the over-sized table, which I don't want, as I can't pull the hidden text back into visibility. I have oversized text in table cells which I'd like to independently toggle between one truncated line and multi-line everything visible.
                  --
                  Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
                  • (Score: 2) by acid andy on Monday March 18 2019, @07:56PM

                    by acid andy (1683) Subscriber Badge on Monday March 18 2019, @07:56PM (#816595) Homepage Journal

                    Hiding the overflow of the div doesn't stop that, it simply truncates the over-sized table, which I don't want, as I can't pull the hidden text back into visibility.

                    Normally the overflowing part of the div that was hidden (including part of an oversized table) should show up as soon as you programmatically increase the height of the containing div (I just tried it on the example I gave you, changing the height in the browser's developer console). This design pattern is used loads on the web, often referred to as an "accordion". The caveat is that it's usually done with fixed sizes specified in pixels.

                    Fixed dimensions are right out, too, as I want the maximum amount of information visible on the screen

                    Yeah, once you start trying to auto-size elements it gets a lot more unpredictable / clunky. Which is a shame because I hate most fixed-width websites.

                    --
                    Master of the science of the art of the science of art.
                  • (Score: 2) by acid andy on Monday March 18 2019, @08:11PM (1 child)

                    by acid andy (1683) Subscriber Badge on Monday March 18 2019, @08:11PM (#816602) Homepage Journal

                    I have oversized text in table cells which I'd like to independently toggle between one truncated line and multi-line everything visible.

                    Ah yeah, so you need the actual table cells to resize individually? My gut feeling is that that would require something really messy like rebuilding the whole table with Javascript or even worse doing the whole thing with a grid of divs instead of table cells maybe even swapping in a hidden copy which is so ghastly I think ShadowSystems would have every right to beat me to a pulp! I think I get the problem now!

                    --
                    Master of the science of the art of the science of art.
                    • (Score: 2) by FatPhil on Tuesday March 19 2019, @09:14AM

                      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Tuesday March 19 2019, @09:14AM (#816864) Homepage
                      My guess would be that specifying width=99vw for the table would make the table 99% of the viewport width wide. Guesses are useless in this game. Some of the illogic I've seen a selection of browsers do whilst trying to work out how to achieve this aim has been mind-bogglingly WTF-ey.
                      --
                      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
          • (Score: 0) by Anonymous Coward on Friday March 15 2019, @02:09PM

            by Anonymous Coward on Friday March 15 2019, @02:09PM (#814760)

            I don't want to say you are missing the point, but you are fixing something that isn't broke by the means of breaking what doesn't need fixing. It will work for you, but not for the intents nor reasonings you are hoping for.

            It could very well be that the tools used to help scrape websites need to be more aware, but that the makers of such tools are not doing so. They are very behind, and the internet will keep advancing.

          • (Score: 3, Informative) by ShadowSystems on Friday March 15 2019, @04:14PM (1 child)

            by ShadowSystems (6185) <{ShadowSystems} {at} {Gmail.com}> on Friday March 15 2019, @04:14PM (#814849)

            You call it "enhancement", assistive tech interfaces call it a right pain in the ass.
            Why bother hiding/truncating it at all?
            That's just a fancy visual trick to make the content look a specific way, a way that doesn't translate to a non visual interface.

            Think of a sheet of binder paper.
            You can't hide the text without resorting to using "invisible" inks.
            If you want someone to be able to read what you've written, you have to put it in the open without obfuscating it.
            Ditto with a web page.
            If you want us to read it, don't try to hide it.
            That just pisses folks off & makes it that much more likely we will go somewhere else.

            If a newspaper presented content by hiding it, how well do you think that will go over with an audience whose time is valuable, in short supply, & aren't too keen to having to read the (paper/site) multiple times before they get all the content they expected to get the first time?

            Don't hide anything.

            You call it the lowest common denominator as if that were a bad thing.
            You sneer at the LCD, but the LCD is what gets read when your CSS/scripting efforts fail.

            Personally I'd love a browser that ignored CSS & scripting of all kinds, just presenting the plain text.
            If a site doesn't work at that point then I can be sure the coder(s) weren't worth the oxygen they wasted creating the site.

            The more code you use to present your content, the larger the page in Kb, the longer it takes to send to the visitor, the more strain on the server, & the more likely you'll include a security hole in there somewhere.
            Do yourself (and everyone) a favour by just KISS.
            Smaller, lighter, less crufty, more secure, works everywhere for everyone.
            What's not to like?

            • (Score: 2) by FatPhil on Sunday March 17 2019, @02:19PM

              by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Sunday March 17 2019, @02:19PM (#815844) Homepage
              "Why bother hiding/truncating it at all?"

              Because I want a summary of as many things on screen on my phone as will fit, but with instant access to the expanded content if I wish to expand it.

              Your argument seems to be nothing more than "your requirements are wrong". That is the height of arrogance. My requirements are my requirements, which are also those of my visually-impaired girlfriend, who typically uses a console-based non-JS browser. That is an immutible fact.

              Your "don't have those requirements" simply doesn't wash.
              --
              Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
          • (Score: 2) by The Mighty Buzzard on Saturday March 16 2019, @04:18AM (2 children)

            by The Mighty Buzzard (18) Subscriber Badge <themightybuzzard@proton.me> on Saturday March 16 2019, @04:18AM (#815278) Homepage Journal

            Shouldn't you be using divs for non-tabular data layout rather than tables? Says a dev of this website that has an unholy mix of both...

            --
            My rights don't end where your fear begins.
            • (Score: 2) by FatPhil on Sunday March 17 2019, @02:22PM (1 child)

              by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Sunday March 17 2019, @02:22PM (#815846) Homepage
              It's tabular data, the columns are really columns, and the rows are really rows.
              --
              Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
          • (Score: 2) by The Mighty Buzzard on Saturday March 16 2019, @04:20AM

            by The Mighty Buzzard (18) Subscriber Badge <themightybuzzard@proton.me> on Saturday March 16 2019, @04:20AM (#815280) Homepage Journal

            Oh, and have a look at the + and - in the title bar of your comment above in source. Sounds like it should be easily adaptable to what you're trying to do.

            --
            My rights don't end where your fear begins.
        • (Score: 3, Informative) by Freeman on Friday March 15 2019, @03:29PM

          by Freeman (732) Subscriber Badge on Friday March 15 2019, @03:29PM (#814813) Journal

          Considering the blingtastic awfulness of modern websites, you're out of luck. *One of those people, who would like DSL* I moved recently, closer in to a town, but my previous fixed wireless provider couldn't find a tower that could service me. So, I'm stuck looking for a decent ISP that doesn't want to charge me a $300 installation fee. I barely get 1 or 2 bars of 4G service and end up with really high ping for whatever reason on my hotspot. Which isn't a real option as blowing through 3GB of data last night showed. The stupendously sad part of the tale is that I live next door to my in-laws, who get DSL. AT&T tells me I can't get it, though. A whole 30 feet or so is too much for them.

          --
          Joshua 1:9 "Be strong and of a good courage; be not afraid, neither be thou dismayed: for the Lord thy God is with thee"
    • (Score: 0) by Anonymous Coward on Saturday March 16 2019, @02:07AM

      by Anonymous Coward on Saturday March 16 2019, @02:07AM (#815207)

      Thank you. I will cite this rant when pitching designs.

  • (Score: 3, Insightful) by bradley13 on Friday March 15 2019, @07:32AM (3 children)

    by bradley13 (3053) Subscriber Badge on Friday March 15 2019, @07:32AM (#814691) Homepage Journal

    I don't maintain any (commercial) websites anymore, just my private one, and one with projects for my students. So I'm out-of-date on web design. That said...

    ...how can any site be "accessible", if it relies on scripts and CSS-trickery to render things? How is Lynx, or a screen reader, supposed to make any sense of websites like that?

    The trend that drives me nuts - the fetish for lots of whitespace and images. Smartphones have small screens - you'd think sites would want more information density, not less. Yet: our bank changed their site, so that it now fits only 1/4 as many transactions on the screen (seriously, used to be 20, now its 5). My wife's previously favorite news site changed their front page so that it no longer displays any headlines: if you want to see the actual news, you first have to scroll past all the pictures. WTF?

    --
    Everyone is somebody else's weirdo.
    • (Score: 3, Insightful) by Dr Spin on Friday March 15 2019, @08:43AM

      by Dr Spin (5239) on Friday March 15 2019, @08:43AM (#814700)

      the fetish for lots of whitespace and images.

      Well, I have looked at the pictures, and I ca assure you that at least 90% are stock pictures completely unrelated to the story anyway. But don't worry about the headlines, the complete lack of punctuation and mania for puns ensures that most people can't parse them anyway.

      --
      Warning: Opening your mouth may invalidate your brain!
    • (Score: 2) by FatPhil on Friday March 15 2019, @10:00AM

      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @10:00AM (#814712) Homepage
      Do you think lynx or screen readers makes sense of the CSS-based menus I created here: http://ratewhisky.org/freebeer/test/menus ?
      It was designed from the ground up with both GUI browsers and console browsers in mind. (And as you can tell, I couldn't decide how I wanted it to appear in a text browser, so implemented the CSS so that those in GUI-land wouldn't know what implementation you chose for the GUI-free version, so that one could change without the other being affected.)
      --
      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
    • (Score: 2) by acid andy on Friday March 15 2019, @12:49PM

      by acid andy (1683) Subscriber Badge on Friday March 15 2019, @12:49PM (#814732) Homepage Journal

      The trend that drives me nuts - the fetish for lots of whitespace and images. Smartphones have small screens - you'd think sites would want more information density, not less. Yet: our bank changed their site, so that it now fits only 1/4 as many transactions on the screen (seriously, used to be 20, now its 5). My wife's previously favorite news site changed their front page so that it no longer displays any headlines: if you want to see the actual news, you first have to scroll past all the pictures. WTF?

      I know, I know, and I couldn't fucking hate it more! It's been going on for years now. It was a huge part of what drove me to Fuck Beta and join this place.

      It seems to me it was born out of a number of ideas: firstly the idea that people can't read or interact with densely packed content on a small screen. This is really stupid though because smart phone screens are as high resolution as most monitors now and you can just zoom in (if the crappy page or crappy gesture interface doesn't glitch out) if it's too small to see properly or to tap on.

      Secondly, I think it's a dumbing down because intelligent content with depth and detail isn't hip enough for their brand. There's an intense, irrational, and loathsome phobia of walls of text and the TL;DR effect.

      Thirdly, a lot of sites spread out their proper content so that they can shove as many ads as possible down the users' throats in the gaps between. Eventually it becomes a religious design principle, even on sites that have no ads, accepted by web designers without a thought as to WHY.

      Which brings me onto the fourth point. It's just become a monkey see, monkey do effect where managers are obsessed with the belief that their website needs a makeover and obviously has to look and work just like all the other big corporations sites they've seen because how else will they stay relevant and trendy? They don't know or care how inaccessible, ugly or annoying they're making it--they just simply have to make it like all the other new sites. If a more thoughtful web designer tries to do something even a little bit more sensible, the power-crazed management will pick up on it as an anomaly and demand it's changed.

      And as for the giant stock photos of grinning hipster families that have zilch to do with the content, gaahhhhhhhhhh! I think it's supposed to be some marketing psychology trick--look, these fuckers are happy so you have to be just like them and like our product because they're happy on our website so that means you trust our website because your subconscious social ape brain will like and trust smiling hipster ape faces, won't it?!

      --
      Master of the science of the art of the science of art.
  • (Score: 0) by Anonymous Coward on Friday March 15 2019, @08:27AM (2 children)

    by Anonymous Coward on Friday March 15 2019, @08:27AM (#814699)

    I mean leave the presentation for the end user to worry about, just provide the raw materials you wish. This is how it should work if you ask me.

    Different people, different preferences. It's really hard to grasp, I know.

    • (Score: 2) by Dr Spin on Friday March 15 2019, @08:54AM

      by Dr Spin (5239) on Friday March 15 2019, @08:54AM (#814702)

      I mean leave the presentation for the end user to worry about, just provide the raw materials you wish.

      Are you suggesting we should go back to how it was 20 years ago - before "flash" was invented?

      Suggesting the content that matters, and not the presentation? You must be a nerd!

      --
      Warning: Opening your mouth may invalidate your brain!
    • (Score: 2) by FatPhil on Friday March 15 2019, @10:03AM

      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @10:03AM (#814713) Homepage
      The problem is that the semantic web has been implemented by taking the uglyweb, and pasting a shed load of extra tags and attributes on top of it so that the important bits can be identified, rather than by stripping off all the ugly and just presenting the facts.
      --
      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
  • (Score: 0) by Anonymous Coward on Friday March 15 2019, @08:51AM (1 child)

    by Anonymous Coward on Friday March 15 2019, @08:51AM (#814701)

    What if I told you that seventy percent of all bridges were structurally unsound?

    Then you would have lost the plot. "Compliance" is not a relevant metric for most web sites.

    More than 50% of all websites are unuseable by people with average ability - but this is a clue to the fact that the content is not relevant to anyone, with or without any abilities whatsoever.

    Of course there are websites where accessibility ought to be provided for social reasons - eg government information sites, and sites where accessibility ought to be provided for business reasons, but that is hardly the majority of web sites.

    I manage about 12 web sites, and all are for certain specific groups of people that I am familiar with. If they were unhappy with the (poor) accessibility, I would hear about it very quickly.

    • (Score: 2) by FatPhil on Friday March 15 2019, @10:18AM

      by FatPhil (863) <{pc-soylent} {at} {asdf.fi}> on Friday March 15 2019, @10:18AM (#814714) Homepage
      That's not whataboutary. Whataboutary is found in a dialogue:
          A: Your side is associated with negative property X
          B: Your side is also associated with negative property X. (Usually worded as "what about the X that your side is associated with")
      Neither statement need be false for whataboutary to have occurred.

      This example is a simple false analogy, no dialogue is required, and at its core (like its close cousin hasty generalisation) it is a simple delivery mechanism for the illogical:
          A: Your thing has bad property X
          A: If a different thing had bad property X it would have terrible property Y
        *A: Therefore, your thing has terrible property Y. (Sometimes unspoken, leaving the other party to deduce the implication.)

      As you say, websites aren't bridges, websites failing to do what they were designed to do has different consequences from bridges failing to do what they were designed to do. There's no equivalence, the analogy is not sound.
      --
      Great minds discuss ideas; average minds discuss events; small minds discuss people; the smallest discuss themselves
  • (Score: 2, Touché) by redneckmother on Friday March 15 2019, @03:11PM (1 child)

    by redneckmother (3597) on Friday March 15 2019, @03:11PM (#814799)

    What if I told you that seventy percent of all bridges were structurally unsound?

    I'd say you or overestimating the quality of U.S. infrastructure.

    --
    Mas cerveza por favor.
  • (Score: 2) by fyngyrz on Friday March 15 2019, @04:21PM

    by fyngyrz (6567) on Friday March 15 2019, @04:21PM (#814854) Journal

    From TFS:

    even including throwbacks like using tables for layout

    Last time I looked (which has been a while, TBH) CSS could not provide all of the layout functionality that tables can. Even when CSS could do some of what tables could do, it was often considerably less efficient, less obvious, and more "wordy" in doing so.

    Has that changed?

    --
    Interested in time travel? Meet me here last Wednesday.

  • (Score: 0) by Anonymous Coward on Friday March 15 2019, @07:56PM

    by Anonymous Coward on Friday March 15 2019, @07:56PM (#815013)

    A better comparison would be: ``What if I told you that x% of people can't use 70% of bridges easily and y% can't practically use them.''

(1)