Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I'm rather new to webdev, and I quickly got the impression that all websites should be made screen reader accessible. Documentation is written with a tone that seems to exert that the website must be made screen reader accessible as the default choice. I've read about how to make it accessible, but nothing about why. I suspect that anyone asking "why" will be shunned as insensitive, discriminating, etc., none of which is relevant to the objective of this question.
I ask for an unbiased and objective list of pros and cons of making a website screen reader accessible. This is to inform webdevs interested in this (including myself) on when and why they should or shouldn't make their website accessible. Here is what I have so far:
Pros:
Website is accessible to users using screen readers
Compliance for companies that require accessibility
Cons:
Additional development time/expense
Additional markup -> bigger files -> hosting costs
Full compliance restricts layout/design
What other considerations are there, direct or indirect? Does making a website screen reader accessible make it somehow better even for unimpaired users? Are non-accessible websites without any accessibility requirements ever penalized?
Good accurate markup in HTML will get this for free - along with accurate rendering in browsers.
It also aids search engines.
The design should be left to CSS. The screen readers do not care about this.
Also blind people, partially sighted customers are not to be sniffed at.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'm working on a new website, and I'm trying to decide how I want to balance the need for semantic correctness, with other important stuff, like development time. I know that semantics are supposed to be important for SEO, and accessibility for blind people. And those are important to me, and shouldn't take too much extra time. So I'll design them in, from the beginning. Anyway, my question is, what else is semantic correctness currently useful for? If there's something else I may consider worthwhile, I'd rather spend a little extra time now to build it in, than wait until later, when it may be more difficult.
Also, I know there are a lot of future possibilities. Some good, and some not (I've seen all the Terminator movies:). But I'll wait and see what happens with those.
edit: I should have mentioned that supporting some old browsers is important for this project, so being semantically correct won't be easy. Especially since I haven't done a lot of browser programming.
I did some more research, so now I can answer my own question.
Other than making sure my site is accessible to disabled people and search engines, there isn't currently anything all that important about semantic correctness, for my project. And I think search engines and screen readers are sophisticated enough these days, to handle some incorrect semantics, as long as the content structure isn't too confusing.
I can see semantic HTML elements being useful for documentation though, as long as it doesn't complicate my code.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
So I'm requesting a solution to markup practices. I am working on an administrator back end design, now I am looking to not necessarily work with responsive design but have completely different behaviour.
Would it be better to use an entirely different site?
Should I include both desktop and mobile HTML and hide/show accordingly with media queries?
What is generally the best way to setup for this and what method to approach as I need the designs to be different in terms of HTML and CSS but I want to have good standards of practice.
As I understand it, you are looking for the best mobile optimization methods. There are a number of solutions to this problem. Peronally, most of what I design isn't meant to be used on mobile devices because of the nature of it, but I try and follow these habits:
1:Use percentages/ems for measurements (height, width, margin). These are adjustable, and will render at least decently on a mobile device. Build a website using only px measurements, and you're screwed.
2:make sure your code is compatible with chrome, firefox, and safari. these are the most common mobile browsers.
ALSO
Having separate sites is acceptable, but i wouldn't recommend it, because any updates you do to one site, you have to do to the other, which could get tedious. As I understand it, it would be better to use media queries(from what I know, there are multiple CSS and/or javascript libraries/frameworks for this) and based on whether it's a mobile device, apply different stylings.
It might be just me but if you're going to write a website, do it properly ONCE. There's a fundamental programming rule Don't Repeat Yourself (DRY) which I like to live by. The best way to achieve this is using media queries and percentage values. Media queries allow you to have completely different styles based on device size and moving forward with web design, something definitely worth investing your time in.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 7 years ago.
Improve this question
How to add strong SEO info in word press website? Please need full answer. Thanks. I want to make my website easily to be search regarding TAGS or search keywords, related to my website. I want my web to be on first search page. Thanks
There are plenty of SEO plugins available for WordPress, some better than others, but in order to truly optimize your site for search engines, you need to get a firm grasp on SEO practices in general. You'd have to learn what type of content you want, html structure, links, etc. Your best bet is to search and read plenty of articles about website SEO, and then, if you've got specific questions, ask them instead.
A quick search returned a few resources produced by Google:
How Google Search Works
How Does Google Search Work (Youtube Video)
Steps to a Google-Friendly Site
Mozilla has created a nice Beginner SEO Guide as well.
Something else to keep in mind is that Google recently announced changes to searches on Mobile Devices. If your site is not optimized for mobile devices, your ranking will drop. So make sure to build a responsive site.
SEO is a constantly evolving aspect of the web, so you will also need to continually follow industry trends in order to maintain strong SEO.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
First - I understand what "Mobile First" means when it comes to designing websites.
At the company I work for, some of the developers are claiming that "Mobile First" in development means to write the mobile styles at the top of a CSS file then having desktop CSS override it via media queries instead of the other way around.
They claim this is the way to do it AND it will cut down on loading times in a mobile environment.
Does anyone have a definition on Mobile First for Development? Can anyone prove that writing the mobile style sheet before the desktop stylesheet (with the intent to have desktop override mobile) will improve loading times?
This is exactly how it has been explained to me before. There is a huge downside with this method though: IE8 and down do not support media queries, making your site look horrible. I use this workaround for those cases. You would just put that JS file inside of an IE8 statement.
I personally do not think this method matters that much. I believe that mobile-first is correct for design though since it will help show what is the most important in its most basic state.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I know there are more posts like this. None of them seem to answer my question though.
Let's say i have two websites. One is a Wordpress site, the other is a self scripted html site.
Both websites are the same in text and so.
The websites just contain a couple of pages with good keyword-rich text. No fancy things.
If i place both websites online, which one will rank out higher in Google?
PS: I know Wordpress has a lot of fancy plug-ins for SEO. I am not counting these in this equation. People say things like: "Google just likes Wordpress's structure. But a couple of HTML documents are much easier and faster to crawl."
Thanks in advance,
It would be difficult to ascertain which would rank higher without seeing the code of both websites side by side. If you do publish both websites together to test then you will probably be punished for having duplicate content.
WordPress's HTML structure and semantics have been created with
accessibility in mind which is what Google would give weight to.
If you use friendly and relative filenames/URLs as WordPress does,
this is also a plus.
If you use simple HTML files as #Paul D. Waite mentions above then
indeed this will be faster to crawl than dynamic pages like PHP.
I would conclude if your website is relatively simple and you don't need to update it regularly then, a static website would rank better as it's just content and none of the fuss.
Don't forget inbound links will play a big factor in your page rank.